[原创]来自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中cookie的使用详细分析
May 28 Javascript
Javascript中正则表达式的全局匹配模式分析
Apr 26 Javascript
详解Bootstrap四种图片样式
Jan 04 Javascript
javascript之Array 数组对象详解
Jun 07 Javascript
jQuery AJAX timeout 超时问题详解
Jun 21 Javascript
Vue计算属性的学习笔记
Mar 22 Javascript
vue组件化中slot的基本使用方法
May 01 Javascript
微信小程序实现搜索指定景点周边美食、酒店
May 18 Javascript
JS实现骰子3D旋转效果
Oct 24 Javascript
JavaScript eval()函数定义及使用方法详解
Jul 07 Javascript
vue 图片裁剪上传组件的实现
Nov 12 Javascript
手动实现vue2.0的双向数据绑定原理详解
Feb 06 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
PHP手机号码归属地查询代码(API接口/mysql)
2012/09/04 PHP
利用laravel+ajax实现文件上传功能方法示例
2017/08/13 PHP
JavaScript面向对象之静态与非静态类
2010/02/03 Javascript
IE6,IE7,IE8下使用Javascript记录光标选中范围(已补全)
2011/08/28 Javascript
调试Node.JS的辅助工具(NodeWatcher)
2012/01/04 Javascript
jquery中交替点击事件的实现代码
2014/02/14 Javascript
JavaScript中的splice()方法使用详解
2015/06/09 Javascript
jQuery简单获取键盘事件的方法
2016/01/22 Javascript
详解jquery validate实现表单验证 (正则表达式)
2017/01/18 Javascript
原生js编写2048小游戏
2017/03/17 Javascript
JavaScript使用链式方法封装jQuery中CSS()方法示例
2017/04/07 jQuery
详解AngularJS controller调用factory
2017/05/19 Javascript
Vue非父子组件通信详解
2017/06/12 Javascript
详解React native全局变量的使用(跨组件的通信)
2017/09/07 Javascript
JavaScript基于面向对象实现的猜拳游戏
2018/01/03 Javascript
Vue+element-ui 实现表格的分页功能示例
2018/08/18 Javascript
d3.js 地铁轨道交通项目实战
2019/11/27 Javascript
在vue项目中封装echarts的步骤
2020/12/25 Vue.js
[05:05]DOTA2亚洲邀请赛 战队出场仪式
2015/02/07 DOTA
python3大文件解压和基本操作
2017/12/15 Python
python使用opencv按一定间隔截取视频帧
2018/03/06 Python
python3实现随机数
2018/06/25 Python
wxPython实现绘图小例子
2019/11/19 Python
PyCharm汉化安装及永久激活详细教程(靠谱)
2020/01/16 Python
CSS3——齿轮转动关键代码
2013/05/02 HTML / CSS
html5启动原生APP总结
2020/07/03 HTML / CSS
18-35岁旅游团的全球领导者:Contiki
2017/02/08 全球购物
澳大利亚领先的宠物用品商店:VetSupply
2017/09/08 全球购物
如何利用find命令查找文件
2015/02/07 面试题
如何写出高质量、高性能的MySQL查询
2014/11/17 面试题
大学生职业生涯规划范文
2013/12/31 职场文书
农业开发项目建议书
2014/05/16 职场文书
教师遵守党的政治纪律情况对照检查材料
2014/09/26 职场文书
党的群众路线教育实践活动对照检查剖析材料
2014/10/09 职场文书
个人自荐书范文
2015/03/09 职场文书
旷工检讨书大全
2015/08/15 职场文书