[原创]来自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简单体验
Jan 10 Javascript
JS 类型转换常见方法小结
May 31 Javascript
JS继承--原型链继承和类式继承
Apr 08 Javascript
jQuery插件pagination实现分页特效
Apr 12 Javascript
window.onerror()的用法与实例分析
Jan 27 Javascript
BootStrap table使用方法分析
Nov 08 Javascript
浅谈js算法和流程控制
Dec 29 Javascript
JS正则表达式常见用法实例详解
Jun 19 Javascript
如何在js代码中消灭for循环实例详解
Jul 29 Javascript
为nuxt项目写一个面包屑cli工具实现自动生成页面与面包屑配置
Sep 29 Javascript
详解Vue 数据更新了但页面没有更新的 7 种情况汇总及延伸总结
May 28 Javascript
vue 添加和编辑用同一个表单,el-form表单提交后清空表单数据操作
Aug 03 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
《猛禽小队》:DC宇宙的又一超级大烂片
2020/04/09 欧美动漫
BBS(php &amp; mysql)完整版(五)
2006/10/09 PHP
php绘图之加载外部图片的方法
2015/01/24 PHP
php基于ob_start(ob_gzhandler)实现网页压缩功能的方法
2017/02/18 PHP
PHP 对象接口简单实现方法示例
2020/04/13 PHP
多广告投放代码 推荐
2006/11/13 Javascript
更换select下拉菜单背景样式的实现代码
2011/12/20 Javascript
JQuery 返回布尔值Is()条件判断方法代码
2012/05/14 Javascript
理解Javascript闭包
2013/11/01 Javascript
如何判断鼠标是否在DIV的区域内
2013/11/13 Javascript
jQuery中add()方法用法实例
2015/01/08 Javascript
jQuery实现DIV层淡入淡出拖动特效的方法
2015/02/13 Javascript
js图片翻书效果代码分享
2015/08/20 Javascript
JavaScript焦点事件、鼠标事件和滚轮事件使用详解
2016/01/15 Javascript
网页中JS函数自动执行常用三种方法
2016/03/30 Javascript
node.js操作mysql简单实例
2017/05/25 Javascript
详解jQuery中关于Ajax的几个常用的函数
2017/07/17 jQuery
JavaScript作用域、闭包、对象与原型链概念及用法实例总结
2018/08/20 Javascript
Vue动态获取width的方法
2018/08/22 Javascript
vue 动态组件用法示例小结
2020/03/06 Javascript
JavaScript常用工具函数大全
2020/05/06 Javascript
js实现网页随机验证码
2020/10/19 Javascript
[00:47]DOTA2荣耀之路6:玩不了啦!
2018/05/30 DOTA
对django中render()与render_to_response()的区别详解
2018/10/16 Python
Python基于Tkinter模块实现的弹球小游戏
2018/12/27 Python
对python中字典keys,values,items的使用详解
2019/02/03 Python
Django之无名分组和有名分组的实现
2019/04/16 Python
Python实现哲学家就餐问题实例代码
2020/11/09 Python
Pytorch 中的optimizer使用说明
2021/03/03 Python
印度在线杂货店:bigbasket
2018/08/23 全球购物
Goodee官方商店:迷你投影仪
2021/03/15 全球购物
酒店前厅员工辞职信
2014/01/08 职场文书
遗嘱继承公证书
2014/04/09 职场文书
销售员未完成销售业绩的检讨书
2014/10/12 职场文书
军人离婚协议书样本
2014/10/21 职场文书
Java中的继承、多态以及封装
2022/04/11 Java/Android