[原创]来自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 相关文章推荐
Prototype String对象 学习
Jul 19 Javascript
JavaScript调用ajax获取文本文件内容实现代码
Mar 28 Javascript
PHP实现的各种中文编码转换类分享
Jan 23 Javascript
js实现文本框输入文字个数限制代码
Dec 25 Javascript
jQuery事件的绑定、触发、及监听方法简单说明
May 10 Javascript
AngularJS实现分页显示数据库信息
Jul 01 Javascript
JS实现仿饿了么在浏览器标签页失去焦点时网页Title改变
Jun 01 Javascript
javascript 判断用户有没有操作页面
Oct 17 Javascript
Webpack 之 babel-loader文件预处理器详解
Mar 23 Javascript
判断文字超过2行添加展开按钮,未超过则不显示,溢出部分显示省略号
Apr 28 Javascript
JS实现随机点名器
Apr 12 Javascript
JavaScript中跨域问题的深入理解
Mar 04 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 AJAX实例根据邮编自动完成地址信息
2008/11/23 PHP
PHP 获取目录下的图片并随机显示的代码
2009/12/28 PHP
php的chr和ord函数实现字符加减乘除运算实现代码
2011/12/05 PHP
PHP判断远程图片或文件是否存在的实现代码
2014/02/20 PHP
PHP学习笔记(三):数据类型转换与常量介绍
2015/04/17 PHP
php抓取网站图片并保存的实现方法
2015/10/29 PHP
thinkPHP中钩子的两种配置调用方法详解
2016/11/11 PHP
php使用Jpgraph创建折线图效果示例
2017/02/15 PHP
xml分页+ajax请求数据源+dom取结果实例代码
2008/10/31 Javascript
JavaScript高级程序设计(第3版)学习笔记7 js函数(上)
2012/10/11 Javascript
用js调用迅雷下载代码的二种方法
2013/04/15 Javascript
用jquery统计子菜单的条数示例代码
2013/10/18 Javascript
在页面中输出当前客户端时间javascript实例代码
2016/03/02 Javascript
JS高级运动实例分析
2016/12/20 Javascript
关于JavaScript中的this指向问题总结篇
2017/07/23 Javascript
浅谈Angular路由守卫
2017/08/26 Javascript
解决vue点击控制单个样式的问题
2018/09/05 Javascript
微信小程序列表中item左滑删除功能
2018/11/07 Javascript
使用node.JS中的url模块解析URL信息
2020/02/06 Javascript
Vue组件跨层级获取组件操作
2020/07/27 Javascript
[01:34]2014DOTA2 TI预选赛预选赛 选手比赛房大揭秘!
2014/05/20 DOTA
[00:20]DOTA2荣耀之路7:-ah fu-抢盾
2018/05/31 DOTA
[14:19]2018年度COSER大赛-完美盛典
2018/12/16 DOTA
通过数据库向Django模型添加字段的示例
2015/07/21 Python
利用Python实现Windows下的鼠标键盘模拟的实例代码
2017/07/13 Python
python 简单搭建阻塞式单进程,多进程,多线程服务的实例
2017/11/01 Python
html5 冒号分隔符对齐的实现
2019/07/31 HTML / CSS
Rakuten Kobo台湾:电子书、eReaders和Reading应用程式
2017/11/24 全球购物
专业幼师实习生自我鉴定范文
2013/12/08 职场文书
聘任书模板
2014/03/29 职场文书
国旗下演讲稿
2014/05/08 职场文书
小学爱国卫生月活动总结
2014/06/30 职场文书
生活小常识广播稿
2014/09/16 职场文书
《爱的教育》读书心得
2014/11/08 职场文书
物业工程部岗位职责
2015/02/11 职场文书
《灰雀》教学反思
2016/02/19 职场文书