[原创]来自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实现简单随机抽奖的方法
Jan 27 Javascript
详解参数传递四种形式
Jul 21 Javascript
jQuery焦点图插件SaySlide
Dec 21 Javascript
详解AngularJS中$http缓存以及处理多个$http请求的方法
Feb 06 Javascript
使用pcs api往免费的百度网盘上传下载文件的方法
Mar 17 Javascript
原生js实现autocomplete插件
Apr 14 Javascript
JS 实现banner图片轮播效果(鼠标事件)
Aug 04 Javascript
JS实现延迟隐藏功能的方法(类似QQ头像鼠标放上展示信息)
Dec 28 Javascript
基于vue-upload-component封装一个图片上传组件的示例
Oct 16 Javascript
JS实现简单的文字无缝上下滚动功能示例
Jun 22 Javascript
用 js 写一个 js 解释器过程详解
Aug 02 Javascript
Vue.js仿Select下拉框效果
Feb 18 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实现的MySQL通用查询程序
2007/03/11 PHP
dedecms防止FCK乱格式化你的代码的修改方法
2007/03/17 PHP
IIS php环境配置PHP5 MySQL5 ZendOptimizer phpmyadmin安装与配置
2008/11/18 PHP
php+lottery.js实现九宫格抽奖功能
2019/07/21 PHP
javascript检查表单数据是否改变的方法
2013/07/30 Javascript
javascript中打印当前的时间实现思路及代码
2013/12/18 Javascript
JavaScript数据类型之基本类型和引用类型的值
2015/04/01 Javascript
JavaScript每天定时更换皮肤样式的方法
2015/07/01 Javascript
jquery可定制的在线UEditor编辑器
2015/11/17 Javascript
jQuery移动web开发之页面跳转和加载外部页面的实现
2015/12/04 Javascript
js+css实现回到顶部按钮(back to top)
2016/03/02 Javascript
BootStrap智能表单实战系列(八)表单配置json详解
2016/06/13 Javascript
老生常谈 关于JavaScript的类的继承
2016/06/24 Javascript
JavaScript Date 知识浅析
2017/01/29 Javascript
微信小程序 定位到当前城市实现实例代码
2017/02/23 Javascript
JavaScript正则表达式简单实用实例
2017/06/23 Javascript
Vue应用部署到服务器的正确方式
2017/07/15 Javascript
jQuery中元素选择器(element)简单用法示例
2018/05/14 jQuery
在微信小程序中使用vant的方法
2019/06/07 Javascript
[01:11]steam端dota2实名认证操作流程视频
2021/03/11 DOTA
Python中的tuple元组详细介绍
2015/02/02 Python
python使用sessions模拟登录淘宝的方式
2019/08/16 Python
浅析python,PyCharm,Anaconda三者之间的关系
2019/11/27 Python
Win下PyInstaller 安装和使用教程
2019/12/25 Python
Python实现像awk一样分割字符串
2020/09/15 Python
python使用yaml 管理selenium元素的示例
2020/12/01 Python
css3 条纹化和透明化表格Firefox下测试成功
2014/04/15 HTML / CSS
html5 Canvas画图教程(5)—canvas里画曲线之arc方法
2013/01/09 HTML / CSS
Perricone MD裴礼康美国官网:抗衰老护肤品
2016/09/26 全球购物
餐饮业创业计划书范文
2014/01/06 职场文书
高中英语教学反思
2014/02/04 职场文书
学习雷锋寄语大全
2014/04/11 职场文书
奥林匹克的口号
2014/06/13 职场文书
2015年维修电工工作总结
2015/04/25 职场文书
webpack的移动端适配方案小结
2021/07/25 Javascript
索尼ICF-5900W收音机测评
2022/04/24 无线电