[原创]来自ImageSee官方 JavaScript图片浏览器


Posted in Javascript onJanuary 16, 2008

使用方法: 访问"imagesee.htm的网址+?pic=图片的网址&page=该图片相关网页的网址" 即可,其中page参数可以忽略。
关于ImageSee:
ImageSee是开放源代码的网页图片浏览器,由JavaScript写成,是一个完全静态网页。同时支持IE Firefox Opera浏览器。 

透过ImageSee,您可以方便的对网上的高清图片(大图片)进行浏览,具备常规的图片浏览所需要的全部主要功能:放大缩小、缩略图、图片鼠标拖动。

更多特色:
完全免费开放使用,提供源代码并允许按照您的需要自行修改页面。

纯JavaScript静态页面,完全不需要服务器支持asp/aspx/php等动态脚本,因此适用非常广泛,修改起来也很方便。

浏览者获得更好的浏览图片的感受,您可以额外定制一个页面导航引导机会和一个广告栏。

可以显示任何位置的图片,包括您的网站任何目录和其他网站的图片都可以显示(没有域的限制)。

如何使用:
1.下载压缩包imagesee.rar,展开文件到您的目录,根据您的需要替换loading.gif/welcome.jpg/err.jpg

2.修开ad.htm,在该文件中添加您的广告代码,或者在ad.htm第2行去掉注释符号即可另广告栏不显示

3.把原本的简单图片导航修改为类似 <a href="/imagesee/imagesee.htm?pic=sample1.jpg">sample1</a> 即可 

* 如果不带pic参数指定要浏览的图片,则显示welcome.jpg同时显示helpPanel,如同浏览者点击了右上角的“问号按钮”一样。

* 如果要指定该图片的相关网页,请使用page参数(例如&page=http://www.800123.cn/imagesee/),则点击右上角的“相关网页”按钮将导航到该网页。

* 应用举例:您可以把ImageSee上传到您的网站,然后用动态脚本生成图片目录时在链接指向ImageSee从而创建一个很专业的图片浏览环境,ImageSee其实就是一个"网页插件"。 

* 其他:作为一个普通浏览者,其实您也可以直接访问ImageSee页面,然后复制/粘贴您要看得图片,这也会给您带来不错的效果 try it now :) 

JavaScript代码:
ImageSee完全使用JavaScript实现全部功能,我尽量保持了每个子功能的独立性和阅读方便性(所以部分代码可能看起来比较臃肿,

但我相信他们可以更好的被阅读和摘取),您可以参考和摘取这些源代码。我使用了大量的时间搜集和调试他们,希望能节约您的时间和精力。
官方下载
本地下载

Javascript 相关文章推荐
让你的网站可编辑的实现js代码
Oct 19 Javascript
jquery插件tooltipv顶部淡入淡出效果使用示例
Dec 05 Javascript
javascript常用函数归纳整理
Oct 31 Javascript
jquery性能优化高级技巧
Aug 24 Javascript
Jquery uploadify上传插件使用详解
Jan 13 Javascript
Easyui form combobox省市区三级联动
Jan 13 Javascript
vue.js初学入门教程(2)
Nov 07 Javascript
关于vue.js过渡css类名的理解(推荐)
Apr 10 Javascript
angular内置provider之$compileProvider详解
Sep 27 Javascript
JavaScript实现轮播图特效
Apr 10 Javascript
Vue实现Header渐隐渐现效果的实例代码
Nov 05 Javascript
详解React路由传参方法汇总记录
Nov 29 Javascript
JavaScript表单常用验证集合
Jan 16 #Javascript
JavaScript的Cookies
Jan 16 #Javascript
JavaScript中的对象化编程
Jan 16 #Javascript
JavaScript中的事件处理
Jan 16 #Javascript
JavaScript中的其他对象
Jan 16 #Javascript
JavaScript中的Document文档对象
Jan 16 #Javascript
JavaScript中的Location地址对象
Jan 16 #Javascript
You might like
PHP 身份验证方面的函数
2009/10/11 PHP
php中设置index.php文件为只读的方法
2013/02/06 PHP
SSO单点登录的PHP实现方法(Laravel框架)
2016/03/23 PHP
php版微信自动登录并获取昵称的方法
2016/09/23 PHP
在php的yii2框架中整合hbase库的方法
2018/09/20 PHP
PHP进阶学习之依赖注入与Ioc容器详解
2019/06/19 PHP
基于JQuery的数字改变的动画效果--可用来做计数器
2010/08/11 Javascript
分享27个jQuery 表单插件集合推荐
2011/04/25 Javascript
jQuery 菜单随滚条改为以定位方式(固定要浏览器顶部)
2012/05/24 Javascript
兼容ie、firefox的图片自动缩放的css跟js代码分享
2013/08/12 Javascript
JS中的this变量的使用介绍
2013/10/21 Javascript
JS计算网页停留时间代码
2014/04/28 Javascript
JavaScript中的单引号和双引号报错的解决方法
2014/09/01 Javascript
简介JavaScript中substring()方法的使用
2015/06/06 Javascript
nodejs导出excel的方法
2015/06/30 NodeJs
让浏览器崩溃的12行JS代码(DoS攻击分析及防御)
2016/10/10 Javascript
jQuery之动画ajax事件(实例讲解)
2017/07/18 jQuery
vue3.0 CLI - 2.4 - 新组件 Forms.vue 中学习表单
2018/09/14 Javascript
vue axios重复点击取消上一次请求封装的方法
2019/06/19 Javascript
Python制作爬虫抓取美女图
2016/01/20 Python
Python 操作文件的基本方法总结
2017/08/10 Python
python使用pip安装模块出现ReadTimeoutError: HTTPSConnectionPool的解决方法
2019/10/04 Python
Python3标准库glob文件名模式匹配的问题
2020/03/13 Python
python转化excel数字日期为标准日期操作
2020/07/14 Python
使用Python实现NBA球员数据查询小程序功能
2020/11/09 Python
C语言变量的命名规则都有哪些
2013/12/27 面试题
如何用Python输出一个Fibonacci数列
2016/08/28 面试题
退休感言
2014/01/28 职场文书
喜之郎果冻广告词
2014/03/20 职场文书
2014年教师节国旗下讲话稿
2014/09/10 职场文书
网络工程专业大学生求职信
2014/10/01 职场文书
工作失职检讨书(精华篇)
2014/10/15 职场文书
2014年公路养护工作总结
2014/12/04 职场文书
2015年数学教研组工作总结
2015/05/23 职场文书
《艾尔登法环》发布最新「战技」宣传片
2022/04/03 其他游戏
基于CSS制作创意端午节专属加载特效
2022/06/01 HTML / CSS