有时候我们需要在网站里显示一系列的图片缩略图,用户可以点击缩略图查看大图,但是弹出新页面显示大图显得太low,看QQ、微信都实现了点击图片弹层显示大图的功能,甚至可以自由缩放,客户怎能不喜欢这样的功能?
在1年前我做过一个“点击图片弹层放大”的demo,使用的是fsgallery.js,这个js用起来还是不错的,也没有花哨的功能,点击图片就放大了,操作十分简单,但没有自由缩放功能。
最近看discuz论坛上点击图片放大功能又进步了啊,所以再次百度搜索,找到了viewer.js,这是一个github上托管的项目,比之前那个要新要强大,但是由于功能复杂,所以操作起来事情多,这两个方法各有千秋。您可以根据自己的需求选择一个。下载附件的2个zip包到本地,解压后打开index.html就可以看到效果啦。使用方法一看便知。
相关推荐
一个基于jQuery超好看、样式超大众化的弹层效果插件,所有属性都是可随意设置,背景、边框、标题、是否模式化、透明度等等... 尤其实现弹层登录和注册效果,非常实用
常用jQuery代码 jQuery 插件 jQuery菜单 jQuery焦点轮播 jQuery弹层代码 焦点轮播 tab标签切换代码 jQ图片浏览 说明:压缩包分为jQuery code 1,2,3三卷。 本压缩包为卷jQuery code 2
主要介绍了jQuery弹层插件jquery.fancybox.js用法,结合实例形式分析了jQuery弹出层插件jquery.fancybox.js的功能、用法与相关注意事项,需要的朋友可以参考下
jquery通用的iframe弹层插件,兼容主流浏览器
分享一个jQuery弹层插件:可加载Flash 图片 自动隐藏层,这个插件可实现在弹出层中加载一个静态页面、加载图片、显示flash动画、自动隐藏某个层,层显示一段时间后自动隐藏,当作操作提示用是个很不错的选择,加载一...
layer是一款近年来备受青睐的web弹层组件,它具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验。
jquery插件jquery.reveal
jQuery zoom相册弹出层插件,jQuery,图片相册,弹出层,图片切换,相册代码,jQuery zoom相册弹出层插件是一款全屏效果的jQuery图片切换展示插件,支持键盘前后按键切换,支持移动设备。
基于jQuery的图片弹出放大插件,带上下翻页,遮罩层。加载效果,关闭按钮,支持自适应。支持手机端显示
本人项目中用到的一些插件,包括选项卡、弹层的插件、日期。
通用的iframe弹层插件是一款基于jQuery实现的弹出层,兼容主流浏览器。
以前写的一个 jQuery 弹层插件。 弹出框的样式内容你自己定义,展示部分交给插件代码来完成。 使用说明: $("selector").showLayers({ closeLayer: {btn: "selector", auto: false, seconds: 3, callback: function...
js代码 [removed][removed] [removed][removed] [removed][removed] ...'isModalClose' : false, //点击蒙层是否关闭 ...这是一款基于jQuery兼容电脑手机端轻量级弹层组件代码,alert.js弹出层插件。
jQuery PopupLayer是一款可以方便的从不同的方向弹出自定义的弹层jQuery插件。