[原创]来自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 相关文章推荐
Javascript 各浏览器的 Javascript 效率对比
Jan 23 Javascript
JavaScript 继承详解(一)
Jul 13 Javascript
JS window.opener返回父页面的应用
Oct 24 Javascript
js event事件的传递与冒泡处理
Dec 06 Javascript
脚本合并提升javascript性能示例
Feb 24 Javascript
JavaScript模块规范之AMD规范和CMD规范
Oct 27 Javascript
开启Javascript中apply、call、bind的用法之旅模式
Oct 28 Javascript
浅谈jquery点击label触发2次的问题
Jun 12 Javascript
React Form组件的实现封装杂谈
May 07 Javascript
vue-router实现编程式导航的代码实例
Jan 19 Javascript
详解vue-cli3多页应用改造
Jun 04 Javascript
微信小程序实现拍照画布指定区域生成图片
Jul 18 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
编译问题
2006/10/09 PHP
PHP 多维数组的排序问题 根据二维数组中某个项排序
2011/11/09 PHP
PHP安全性漫谈
2012/06/28 PHP
设置php页面编码的两种方法示例介绍
2014/03/03 PHP
PHP实现判断数组是一维、二维或几维的方法
2017/02/06 PHP
Laravel5.5 实现后台管理登录的方法(自定义用户表登录)
2019/09/30 PHP
jquery分页插件AmSetPager(自写)
2013/04/15 Javascript
nodejs读取memcache示例分享
2014/01/02 NodeJs
js仿百度贴吧验证码特效实例代码
2014/01/16 Javascript
jQuery的css() 方法使用指南
2015/05/03 Javascript
在for循环中length值是否需要缓存
2015/07/27 Javascript
javascript文本模板用法实例
2015/07/31 Javascript
深入浅出webpack之externals的使用
2017/12/04 Javascript
vue.js,ajax渲染页面的实例
2018/02/11 Javascript
Vue.js实现图片的随意拖动方法
2018/03/08 Javascript
在 Linux/Unix 中不重启 Vim 而重新加载 .vimrc 文件的流程
2018/03/21 Javascript
JavaScript实现图片的放大缩小及拖拽功能示例
2019/05/14 Javascript
ES6 Iterator接口和for...of循环用法分析
2019/07/31 Javascript
[04:40]2016个国际邀请赛中国区预选赛场地——华西村观战指南
2016/06/25 DOTA
python selenium UI自动化解决验证码的4种方法
2018/01/05 Python
python3安装speech语音模块的方法
2018/12/24 Python
python实现雪花飘落效果实例讲解
2019/06/18 Python
浅析PyTorch中nn.Linear的使用
2019/08/18 Python
opencv+python实现均值滤波
2020/02/19 Python
Python求解排列中的逆序数个数实例
2020/05/03 Python
美国床垫和床上用品公司:Nest Bedding
2017/06/12 全球购物
世界上最好的精品店:Shoptiques
2018/02/05 全球购物
亲属关系公证书
2014/04/08 职场文书
大学专科求职信
2014/07/02 职场文书
平安建设汇报材料
2014/12/29 职场文书
学前班语言教学计划
2015/01/20 职场文书
先进个人主要事迹怎么写
2015/11/04 职场文书
接触艺术对孩子学习思维有益
2019/08/06 职场文书
python如何读取.mtx文件
2021/04/22 Python
面试必问:圣杯布局和双飞翼布局的区别
2021/05/13 HTML / CSS
CSS基础详解
2021/10/16 HTML / CSS