[原创]来自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中利用数组实现的循环队列代码
Jan 24 Javascript
js制作的鼠标悬浮时产生的下拉框效果
Oct 27 Javascript
javascript中的正则表达式使用指南
Mar 01 Javascript
JS访问SWF的函数用法实例
Jul 01 Javascript
AngularJS中一般函数参数传递用法分析
Nov 22 Javascript
Javascript中字符串replace方法的第二个参数探究
Dec 05 Javascript
解析JavaScript实现DDoS攻击原理与保护措施
Dec 26 Javascript
微信小程序开发之toast提示插件使用示例
Jun 08 Javascript
JS实现简易的图片拖拽排序实例代码
Jun 09 Javascript
webpack源码之loader机制详解
Apr 06 Javascript
JS实现点击按钮可实现编辑功能
Jul 03 Javascript
VUE基于NUXT的SSR 服务端渲染
Nov 30 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 strtotime 函数UNIX时间戳
2009/01/14 PHP
PHP学习笔记(二):变量详解
2015/04/17 PHP
php发送html格式文本邮件的方法
2015/06/10 PHP
javascript天然的迭代器
2010/10/29 Javascript
jquery多行滚动/向左或向上滚动/响应鼠标实现思路及代码
2013/01/23 Javascript
给js文件传参数(详解)
2014/07/13 Javascript
JavaScript中的parse()方法使用简介
2015/06/12 Javascript
Angularjs material 实现搜索框功能
2016/03/08 Javascript
JavaScript中实现无缝滚动、分享到侧边栏实例代码
2016/04/06 Javascript
jQuery验证插件validate使用方法详解
2020/09/13 Javascript
js 原生判断内容区域是否滚动到底部的实例代码
2017/11/15 Javascript
动态加载权限管理模块中的Vue组件
2018/01/16 Javascript
jQuery实现的两种简单弹窗效果示例
2018/04/18 jQuery
vuejs 切换导航条高亮(路由菜单高亮)的方法示例
2018/05/29 Javascript
微信运维交互机器人的示例代码
2018/11/12 Javascript
如何让微信小程序页面之间的通信不再变困难
2019/06/03 Javascript
ES6 Set结构的应用实例分析
2019/06/26 Javascript
jquery实现简单拖拽效果
2020/07/20 jQuery
JavaScript实现页面高亮操作提示和蒙板
2021/01/04 Javascript
[03:36]2014DOTA2 TI小组赛综述 八强诞生进军钥匙球馆
2014/07/15 DOTA
python3模块smtplib实现发送邮件功能
2018/05/22 Python
破解安装Pycharm的方法
2018/10/19 Python
Python判断一个文件夹内哪些文件是图片的实例
2018/12/07 Python
python3读取csv文件任意行列代码实例
2020/01/13 Python
Python编程快速上手——疯狂填词程序实现方法分析
2020/02/29 Python
python多进程 主进程和子进程间共享和不共享全局变量实例
2020/04/25 Python
2020最新pycharm汉化安装(python工程狮亲测有效)
2020/04/26 Python
英国最大的高品质珠宝和手表专家:Goldsmiths
2017/03/11 全球购物
英国户外装备和冒险服装零售商:alloutdoor
2018/01/30 全球购物
俄罗斯鲜花递送:AMF
2020/04/24 全球购物
英国顶尖手表珠宝品牌独家授权经销商:HS Johnson
2020/10/28 全球购物
某/etc/fstab文件中的某行如下: /dev/had5 /mnt/dosdata msdos defaults,usrquota 1 2 请解释其含义
2013/04/11 面试题
师范学院毕业生求职信范文
2013/12/26 职场文书
2014年班主任自我评价范文
2014/04/23 职场文书
考研导师推荐信范文
2015/03/27 职场文书
vue @ ~ 相对路径 路径别名设置方式
2022/06/05 Vue.js