[原创]来自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 相关文章推荐
ASP 过滤数组重复数据函数(加强版)
May 31 Javascript
原生js仿jq判断当前浏览器是否为ie,精确到ie6~8
Aug 30 Javascript
JavaScript定时显示广告代码分享
Mar 02 Javascript
jQuery中$.extend()用法实例
Jun 24 Javascript
javascript实现对表格元素进行排序操作
Nov 18 Javascript
详解AngularJS过滤器的使用
Mar 11 Javascript
Node.js连接postgreSQL并进行数据操作
Dec 18 Javascript
AngularJS实现的base64编码与解码功能示例
May 17 Javascript
记录一篇关于redux-saga的基本使用过程
Aug 18 Javascript
d3.js 地铁轨道交通项目实战
Nov 27 Javascript
在vue中使用Echarts画曲线图的示例
Oct 03 Javascript
vue实现简单数据双向绑定
Apr 28 Vue.js
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
解析PayPal支付接口的PHP开发方式
2010/11/28 PHP
PHP include_path设置技巧分享
2011/07/03 PHP
php session_start()出错原因分析及解决方法
2013/10/28 PHP
PHP魔术方法__GET、__SET使用实例
2014/11/25 PHP
php版银联支付接口开发简明教程
2016/10/14 PHP
Yii框架引入coreseek分页功能示例
2019/02/08 PHP
JavaScript prototype对象的属性说明
2010/03/13 Javascript
Google AJAX 搜索 API实现代码
2010/11/17 Javascript
JavaScript中变量声明有var和没var的区别示例介绍
2014/09/15 Javascript
对js中回调函数的一些看法
2016/08/29 Javascript
Bootstrap源码学习笔记之bootstrap进度条
2016/12/24 Javascript
原生js实现商品放大镜效果
2017/01/12 Javascript
用nodeJS搭建本地文件服务器的几种方法小结
2017/03/16 NodeJs
Node.JS 循环递归复制文件夹目录及其子文件夹下的所有文件
2017/09/18 Javascript
js实现鼠标拖拽div左右滑动
2020/01/15 Javascript
[01:03]DOTA2新的征程 你的脚印值得踏上
2014/08/13 DOTA
python抓取京东价格分析京东商品价格走势
2014/01/09 Python
介绍Python的Urllib库的一些高级用法
2015/04/30 Python
简介二分查找算法与相关的Python实现示例
2015/08/26 Python
Python制作词云的方法
2018/01/03 Python
详解Django rest_framework实现RESTful API
2018/05/24 Python
python利用插值法对折线进行平滑曲线处理
2018/12/25 Python
Python简单基础小程序的实例代码
2019/04/28 Python
python使用pandas处理excel文件转为csv文件的方法示例
2019/07/18 Python
在Python IDLE 下调用anaconda中的库教程
2020/03/09 Python
Python通过4种方式实现进程数据通信
2020/03/12 Python
websocket+sockjs+stompjs详解及实例代码
2018/11/30 HTML / CSS
健康监测猫砂:Pretty Litter
2017/05/25 全球购物
什么是唯一索引
2015/07/05 面试题
优秀员工自荐信范文
2013/10/05 职场文书
建筑文秘专业个人求职信范文
2013/12/28 职场文书
机关作风建设剖析材料
2014/10/11 职场文书
发票退票证明
2015/06/24 职场文书
丧事主持词
2015/07/02 职场文书
Golang 空map和未初始化map的注意事项说明
2021/04/29 Golang
Java图书管理系统,课程设计必用(源码+文档)
2021/06/30 Java/Android