做项目的时候客户总是比较关心前台界面，这不最近又遇到一个难缠的客户。要求在前台的缩略图点开后查看高分辨率的图片，并且最好能像ACDSEE那样方便浏览，支持拖动、按比例放大缩小。
这样的效果记得在SINA的某个栏目看到过，影响中好像是FLASH做的，我很多年没碰过FLASH了，对现在的ACTION脚本不是很熟悉，于是想到结合JQUERY来实现，JQUERY的ThickBox支持图片浏览但不是客户要的效果，在GOOGLE搜索了半天没找到一个好用的JS代码，只好自己来写了。
先看效果（点下面的图片和连接即可）
支持 IE 7+、FireFox 1.5+ (PC, Mac)、Safari2+、Opera9+、Chrome0.3+
我测试了一下应该在 谷歌浏览器、IE7、FIREFOX3.0 下都能看到效果的，呵。。
为了给大家展示这个效果可费了我不少时间，主要是这个博客不支持在内容里定义CSS样式文件。
而且CNBLOGS后台编辑对 Chrome 支持不是很好，只好开N个浏览器来回折腾~~
看不到效果的只好看下面这张图了：
相关文件（文章最后的附件中都有这些文件）：
———————————————————————————————— imagesview.css –样式文件
imagesview.js –ImageView JS文件
toolsico.gif –按钮图标
loadingAnimation.gif –加载动画
jquery.js –JQUERY脚本库，请使用jQuery 1.2.6 以上版，否则拖动有点问题
使用方法：
—————————————————————————————–
页面头部引用 imagesview.css、imagesview.js、jquery.js即可（两个GIF图片文件和CSS文件放在同一目录）
图片连接： 
文字连接：同样支持文字连接
其中 class=”imagesview” 是必须的，title=”。。” 这里是标题，可以不定义。
所有相关文件附件中提供下载：
1.本站内容仅供参考，不作为任何法律依据。用户在使用本站内容时，应自行判断其真实性、准确性和完整性，并承担相应风险。
2.本站部分内容来源于互联网，仅用于交流学习研究知识，若侵犯了您的合法权益，请及时邮件或站内私信与本站联系，我们将尽快予以处理。
3.本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
4.根据《计算机软件保护条例》第十七条规定“为了学习和研究软件内含的设计思想和原理，通过安装、显示、传输或者存储软件等方式使用软件的，可以不经软件著作权人许可，不向其支付报酬。”您需知晓本站所有内容资源均来源于网络，仅供用户交流学习与研究使用，版权归属原版权方所有，版权争议与本站无关，用户本人下载后不能用作商业或非法用途，需在24个小时之内从您的电脑中彻底删除上述内容，否则后果均由用户承担责任；如果您访问和下载此文件，表示您同意只将此文件用于参考、学习而非其他用途，否则一切后果请您自行承担，如果您喜欢该程序，请支持正版软件，购买注册，得到更好的正版服务。
5.本站是非经营性个人站点，所有软件信息均来自网络，所有资源仅供学习参考研究目的，并不贩卖软件，不存在任何商业目的及用途
暂无评论内容