[原创]来自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 相关文章推荐
JQuery获取当前屏幕的高度宽度的实现代码
Jul 12 Javascript
JS模拟面向对象全解(二、类型与赋值)
Jul 13 Javascript
Javascript四舍五入Math.round()与Math.pow()使用介绍
Dec 27 Javascript
jQuery的$.proxy()应用示例介绍
Apr 03 Javascript
调试代码导致IE出错的避免方法
Apr 04 Javascript
jquery中的常用事件bind、hover、toggle等示例介绍
Jul 21 Javascript
javascript和jquery实现设置和移除文本框默认值效果代码
Jan 13 Javascript
在Node.js中使用Javascript Generators详解
May 05 Javascript
JS简单实现DIV相对于浏览器固定位置不变的方法
Jun 17 Javascript
vue学习教程之带你一步步详细解析vue-cli
Dec 26 Javascript
vue-cli 3.0 版本与3.0以下版本在搭建项目时的区别详解
Dec 11 Javascript
koa router 多文件引入的方法示例
May 22 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
PHP4实际应用经验篇(9)
2006/10/09 PHP
php中处理模拟rewrite 效果
2006/12/09 PHP
使用PHP socke 向指定页面提交数据
2008/07/23 PHP
PHP中让json_encode不自动转义斜杠“/”的方法
2017/02/28 PHP
PHP获取文件扩展名的方法实例总结
2017/06/10 PHP
Yii 2中的load()和save()示例详解
2017/08/03 PHP
javascript之解决IE下不渲染的bug
2007/06/29 Javascript
js中string转int把String类型转化成int类型
2014/08/13 Javascript
JavaScript获取当前url根目录(路径)
2016/06/17 Javascript
JavaScript基础重点(必看)
2016/07/09 Javascript
基于JavaScript实现添加到购物车效果附源码下载
2016/08/22 Javascript
vuejs动态组件给子组件传递数据的方法详解
2016/09/09 Javascript
jQuery绑定事件的四种方式介绍
2016/10/31 Javascript
详解vue-cli本地环境API代理设置和解决跨域
2017/09/05 Javascript
Angular实现搜索框及价格上下限功能
2018/01/19 Javascript
详解jQuery中的isPlainObject()使用方法
2018/02/27 jQuery
解决linux下node.js全局模块找不到的问题
2018/05/15 Javascript
vue侧边栏动态生成下级菜单的方法
2018/09/07 Javascript
在Vue中使用icon 字体图标的方法
2019/06/14 Javascript
[26:40]DOTA2上海特级锦标赛A组资格赛#1 Secret VS MVP.Phx第一局
2016/02/25 DOTA
python调用java模块SmartXLS和jpype修改excel文件的方法
2015/04/28 Python
python 换位密码算法的实例详解
2017/07/19 Python
Python 忽略warning的输出方法
2018/10/18 Python
python hbase读取数据发送kafka的方法
2018/12/27 Python
python开启debug模式的方法
2019/06/27 Python
在echarts中图例legend和坐标系grid实现左右布局实例
2020/05/16 Python
python如何提升爬虫效率
2020/09/27 Python
亿企通软件测试面试题
2012/04/10 面试题
简历的个人自我评价范文
2014/01/03 职场文书
《燕子》教学反思
2014/02/18 职场文书
学校搬迁方案
2014/06/15 职场文书
2014年教师节活动总结
2014/08/29 职场文书
大学生考试作弊检讨书1000字
2014/10/14 职场文书
健康状况证明书
2014/11/26 职场文书
2014年政协委员工作总结
2014/12/01 职场文书
士兵突击观后感
2015/06/16 职场文书