`

总结2个点击图片弹层观看的jquery插件

阅读更多

有时候我们需要在网站里显示一系列的图片缩略图,用户可以点击缩略图查看大图,但是弹出新页面显示大图显得太low,看QQ、微信都实现了点击图片弹层显示大图的功能,甚至可以自由缩放,客户怎能不喜欢这样的功能?

在1年前我做过一个“点击图片弹层放大”的demo,使用的是fsgallery.js,这个js用起来还是不错的,也没有花哨的功能,点击图片就放大了,操作十分简单,但没有自由缩放功能。

最近看discuz论坛上点击图片放大功能又进步了啊,所以再次百度搜索,找到了viewer.js,这是一个github上托管的项目,比之前那个要新要强大,但是由于功能复杂,所以操作起来事情多,这两个方法各有千秋。您可以根据自己的需求选择一个。下载附件的2个zip包到本地,解压后打开index.html就可以看到效果啦。使用方法一看便知。

分享到:
评论

相关推荐

    jQuery超大众化登录弹层插件

    总结,这个基于jQuery的超大众化登录弹层插件,以其高度的可定制性和实用性,为网页开发者提供了一种高效、便捷的解决方案,让登录和注册功能更加人性化。通过深入理解和实践,开发者可以轻松地将其融入到自己的项目...

    基于jQuery的图片点击弹窗预览大图插件,jquery.fancybox-1.3.4

    jQuery Fancybox插件就是这样一个解决方案,它为网页中的图片提供了点击弹窗预览的功能,让图片展示变得既美观又便捷。本篇文章将详细介绍基于jQuery的Fancybox 1.3.4版本的使用方法和核心特性。 **一、jQuery与...

    常用jQuery代码 jQuery 插件 jQuery菜单 jQuery焦点轮播 jQuery弹层代码 焦点轮播 tab标签切换代码 jQ图片浏览

    常用jQuery代码 jQuery 插件 jQuery菜单 jQuery焦点轮播 jQuery弹层代码 焦点轮播 tab标签切换代码 jQ图片浏览 说明:压缩包分为jQuery code 1,2,3三卷。 本压缩包为卷jQuery code 2

    jquery通用的iframe弹层插件,兼容主流浏览器

    总结来说,这个“jquery通用的iframe弹层插件,兼容主流浏览器”是前端开发中的一个重要工具,它利用jQuery简化了跨浏览器的iframe弹层实现,并考虑了各种兼容性问题,提供了一种便捷的方式来展示和交互外部内容。...

    jQuery弹层插件jquery.fancybox.js用法实例

    jQuery是一个强大的JavaScript库,广泛...对于对jQuery插件感兴趣的朋友,可以进一步查阅本站专题《jQuery常用插件及用法总结》,以获得更深入的理解和应用。希望这些内容能够对大家在进行jQuery程序设计时有所帮助。

    layer jQuery弹出层插件写的图片查看器(相册层),兼容主流浏览器

    **layer jQuery弹出层插件** 是一个广泛应用于前端开发中的工具,专为创建各种弹出层效果而设计。这款插件以其强大的功能和简洁的API接口,深受开发者喜爱,尤其在实现图片查看器(相册层)这样的交互式功能时,表现...

    jQuery弹层插件:可加载Flash 图片 自动隐藏层.rar

    分享一个jQuery弹层插件:可加载Flash 图片 自动隐藏层,这个插件可实现在弹出层中加载一个静态页面、加载图片、显示flash动画、自动隐藏某个层,层显示一段时间后自动隐藏,当作操作提示用是个很不错的选择,加载一...

    Javascripters大作--jQuery弹层类

    弹层通常包含背景遮罩和主要内容两个部分,其中主要内容可以是信息提示、表单填写、图片展示等。在jQuery中,我们可以通过创建新元素、设置样式、添加事件监听器等步骤来构建一个弹层。 二、弹层结构与样式 1. ...

    基于jQuery的弹出层放大插件

    在这个插件中,jQuery被用来处理图片弹出、动画效果以及用户交互。 2. **弹出层效果**:当用户点击图片时,图片会以弹出层的形式显示,将用户的注意力集中到当前图片上。这种方式比在原位放大更符合用户的浏览习惯...

    Javascripters大作--jQuery弹层类V1.0.rar

    这个插件以jQuery库为基础,利用其强大的DOM操作和事件处理能力,实现了丰富的弹层效果,包括提示信息、对话框、模态窗口等多种功能,极大地提升了网页交互体验。 首先,我们要理解jQuery库的核心概念。jQuery是一...

    jQuery-DIV弹层类

    jQuery-DIV弹层类是一种基于JavaScript库jQuery的插件,用于创建模态对话框或弹出窗口。这种弹层类提供了丰富的功能和高度的自定义性,使得开发者能够轻松地在网页中添加交互式提示、警告、确认对话框或者任何需要...

    通用的iframe弹层插件.zip

    总结来说,这个"通用的iframe弹层插件.zip"提供了在网页上创建弹出式iframe内容的能力。它结合了jQuery的便利性、HTML5的先进功能、CSS的美化效果以及JavaScript的交互逻辑。通过解压并研究这个压缩包,开发者可以...

Global site tag (gtag.js) - Google Analytics