[原创]来自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笔试题目附答案@20081025_jb51.net
Oct 26 Javascript
jQuery html()等方法介绍
Nov 18 Javascript
js中onload与onunload的使用示例
Aug 25 Javascript
js跳转页面方法总结
Jan 29 Javascript
javascript中AJAX用法实例分析
Jan 30 Javascript
关于获取DIV内部内容报错的原因分析及解决办法
Jan 29 Javascript
如何利用模板将HTML从JavaScript中抽离
Oct 08 Javascript
纯js仿淘宝京东商品放大镜功能
Mar 02 Javascript
Vue自定义指令使用方法详解
Aug 21 Javascript
在vue项目中使用sass的配置方法
Mar 20 Javascript
JavaScript ES6 Class类实现原理详解
May 08 Javascript
vue-cli+webpack项目打包到服务器后,ttf字体找不到的解决操作
Aug 28 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
dedecms中显示数字验证码的修改方法
2007/03/21 PHP
php metaphone()函数及php localeconv() 函数实例解析
2016/05/15 PHP
php 流程控制switch的简单实例
2016/06/07 PHP
PHP中字符与字节的区别及字符串与字节转换示例
2016/10/15 PHP
thinkphp框架表单数组实现图片批量上传功能示例
2020/04/04 PHP
JQuery autocomplete 使用手册
2010/04/01 Javascript
jquery ajax,ashx,json的用法总结
2014/02/12 Javascript
javascript数组去重的方法汇总
2015/04/14 Javascript
node.js连接mongoDB数据库 快速搭建自己的web服务
2016/04/17 Javascript
Bootstrap carousel轮转图的使用实例详解
2016/05/17 Javascript
js面向对象实现canvas制作彩虹球喷枪效果
2016/09/24 Javascript
JavaScript 数组的深度复制解析
2016/11/02 Javascript
原生JS实现简单的无缝自动轮播效果
2018/09/26 Javascript
深入探讨JavaScript的最基本部分之执行上下文
2019/02/12 Javascript
vue实现菜单切换功能
2019/05/08 Javascript
[05:20]2018DOTA2亚洲邀请赛主赛事第三日战况回顾 LGD率先挺进胜者组决赛
2018/04/06 DOTA
利用打码兔和超人打码自封装的打码类分享
2014/03/16 Python
在Python中使用元类的教程
2015/04/28 Python
浅述python中argsort()函数的实例用法
2017/03/30 Python
Python实现读取TXT文件数据并存进内置数据库SQLite3的方法
2017/08/08 Python
你真的了解Python的random模块吗?
2017/12/12 Python
pandas.dataframe中根据条件获取元素所在的位置方法(索引)
2018/06/07 Python
Softmax函数原理及Python实现过程解析
2020/05/22 Python
python如何编写win程序
2020/06/08 Python
python开发入门——列表生成式
2020/09/03 Python
Python爬虫抓取论坛关键字过程解析
2020/10/19 Python
香港No.1得奖零食网:香港零食大王
2016/07/22 全球购物
微软俄罗斯官方网站:Microsoft俄罗斯
2016/09/18 全球购物
夜大毕业生自我评价分享
2013/11/10 职场文书
完美主义个人的自我评价
2014/02/17 职场文书
出纳会计岗位职责
2014/03/12 职场文书
企业安全生产承诺书
2014/05/22 职场文书
2015年财政局工作总结
2015/05/21 职场文书
党员廉政准则心得体会
2016/01/20 职场文书
2016年法制宣传月活动总结
2016/04/01 职场文书
CSS中calc(100%-100px)不加空格不生效
2023/05/07 HTML / CSS