[原创]来自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操作XML 使用百度RSS作为新闻源示例
Feb 17 Javascript
JS中的构造函数详细解析
Mar 10 Javascript
asp知识整理笔记3(问答模式)
Sep 27 Javascript
JavaScript事件类型中UI事件详解
Jan 14 Javascript
javascript中错误使用var造成undefined
Mar 31 Javascript
对比分析Django的Q查询及AngularJS的Datatables分页插件
Feb 07 Javascript
前端开发之CSS原理详解
Mar 11 Javascript
Angular中的$watch方法详解
Sep 18 Javascript
20170918 前端开发周报之JS前端开发必看
Sep 18 Javascript
vue按需引入element Transfer 穿梭框
Sep 30 Javascript
对vue中的事件穿透与禁止穿透实例详解
Oct 28 Javascript
vue生命周期钩子函数以及触发时机
Apr 26 Vue.js
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
thinkPHP简单实现多个子查询语句的方法
2016/12/05 PHP
基于swoole实现多人聊天室
2018/06/14 PHP
PHP使用HTML5 FormData对象提交表单操作示例
2019/07/02 PHP
php中对象引用和复制实例分析
2019/08/14 PHP
多浏览器支持的右下角浮动窗口
2010/04/01 Javascript
js中将字符串转换成json的三种方式
2011/01/12 Javascript
一样的table?不一样的table(可编辑状态table)
2012/09/19 Javascript
基于NodeJS的前后端分离的思考与实践(六)Nginx + Node.js + Java 的软件栈部署实践
2014/09/26 NodeJs
JavaScript使用slice函数获取数组部分元素的方法
2015/04/06 Javascript
jQuery原生的动画效果
2015/07/10 Javascript
JS函数的定义与调用方法推荐
2016/05/12 Javascript
Js类的静态方法与实例方法区分及jQuery拓展的两种方法
2016/06/03 Javascript
jQuery基于xml格式数据实现模糊查询及分页功能的方法
2016/12/25 Javascript
Vue keep-alive实践总结(推荐)
2017/08/31 Javascript
基于模板引擎Jade的应用(详解)
2017/12/12 Javascript
解决vue-cli创建项目的loader问题
2018/03/13 Javascript
JS和Canvas实现图片的预览压缩和上传功能
2018/03/30 Javascript
使用Vue自定义指令实现Select组件
2018/05/24 Javascript
jQuery创建及操作xml格式数据示例
2018/05/26 jQuery
Javascript数组方法reduce的妙用之处分享
2019/06/10 Javascript
在layui.use 中自定义 function 的正确方法
2019/09/16 Javascript
原生JS与CSS实现软件卸载对话框功能
2019/12/05 Javascript
解决VUE-Router 同一页面第二次进入不刷新的问题
2020/07/22 Javascript
JS运算符优先级与表达式示例详解
2020/09/04 Javascript
python编写微信远程控制电脑的程序
2018/01/05 Python
python实现数据库跨服务器迁移
2018/04/12 Python
python反转列表的三种方式解析
2019/11/08 Python
Python使用QQ邮箱发送邮件实例与QQ邮箱设置详解
2020/02/18 Python
keras读取h5文件load_weights、load代码操作
2020/06/12 Python
详解利用css3的var()实现运行时改变scss的变量值
2021/03/02 HTML / CSS
学习新党章思想汇报
2014/01/09 职场文书
学校安全防火方案
2014/06/07 职场文书
标准版离职证明书
2014/09/12 职场文书
小学生读书笔记
2015/07/01 职场文书
信息技术国培研修日志
2015/11/13 职场文书
Python+pyaudio实现音频控制示例详解
2022/07/23 Python