[原创]来自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 相关文章推荐
浏览器加载、渲染和解析过程黑箱简析
Nov 29 Javascript
js验证整数加保留小数点的简单实例
Dec 02 Javascript
jQuery数据缓存用法分析
Feb 20 Javascript
jQuery插件Timelinr 实现时间轴特效
Oct 04 Javascript
AngularJS入门教程之控制器详解
Jul 27 Javascript
AngularJS基础 ng-mouseleave 指令详解
Aug 02 Javascript
关于vue-resource报错450的解决方案
Jul 24 Javascript
Angular数据绑定机制原理
Apr 17 Javascript
vue2单元测试环境搭建
May 24 Javascript
详解用场景去理解函数柯里化(入门篇)
Apr 11 Javascript
Vue利用Blob下载原生二进制数组文件
Sep 25 Javascript
微信小程序用户盒子、宫格列表的实现
Jul 01 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 MemCached 高级缓存应用代码
2010/08/05 PHP
php获取从百度搜索进入网站的关键词的详细代码
2014/01/08 PHP
php $_SERVER windows系统与linux系统下的区别说明
2014/02/14 PHP
PHP使用内置dir类实现目录遍历删除
2015/03/31 PHP
php使用CURL不依赖COOKIEJAR获取COOKIE的方法
2015/06/17 PHP
ThinkPHP实现附件上传功能
2017/04/27 PHP
用JavaScript脚本实现Web页面信息交互
2006/10/11 Javascript
js用图作提交按钮或超连接
2008/03/26 Javascript
jquery设置text的值示例(设置文本框 DIV 表单值)
2014/01/06 Javascript
jQuery插件制作之参数用法实例分析
2015/06/01 Javascript
Augularjs-起步详解
2016/07/08 Javascript
jQuery的事件预绑定
2016/12/05 Javascript
深究AngularJS——ng-checked(回写:带真实案例代码)
2017/06/13 Javascript
在vue项目中,将juery设置为全局变量的方法
2018/09/25 Javascript
详解如何在Node.js的httpServer中接收前端发送的arraybuffer数据
2018/11/11 Javascript
小程序如何使用分包加载的实现方法
2019/05/22 Javascript
layui之table checkbox初始化时选中对应选项的方法
2019/09/02 Javascript
layui radio点击事件实现input显示和隐藏的例子
2019/09/02 Javascript
聊聊vue 中的v-on参数问题
2021/01/29 Vue.js
python 装饰器功能以及函数参数使用介绍
2012/01/27 Python
Python的Django框架中消息通知的计数器实现教程
2016/06/13 Python
python安装pywin32clipboard的操作方法
2019/01/24 Python
浅谈Python小波分析库Pywavelets的一点使用心得
2019/07/09 Python
在Python中通过threshold创建mask方式
2020/02/19 Python
python des,aes,rsa加解密的实现
2021/01/16 Python
详解CSS3伸缩布局盒模型Flex布局
2018/08/20 HTML / CSS
新西兰第一的行李箱网站:luggage.co.nz
2019/07/22 全球购物
size?荷兰官方网站:英国高级运动鞋精品店
2020/07/24 全球购物
英国领先的餐饮折扣俱乐部:Gourmet Society
2020/07/26 全球购物
中国梦演讲稿5分钟
2014/08/19 职场文书
英文投诉信格式
2015/07/03 职场文书
单位提档介绍信
2015/10/22 职场文书
教育教学工作反思
2016/02/24 职场文书
2016年“12.3”国际残疾人日活动总结
2016/04/01 职场文书
JVM之方法返回地址详解
2022/02/28 Java/Android
Java GUI编程菜单组件实例详解
2022/04/07 Java/Android