jQuery超实用图片放大预览特效插件
简要教程 zoom.js是一款非常实用的jQuery图片放大预览特效插件。该jquery插件可以将页面上的任何图片居中放大到图片的原来尺寸，非常适合用于制作一些小图片的大图预览效果。 zoom.js要依赖于bootstrap的transition.js，这是一个非常小的过渡动画库文件。 复制代码 上面提到该插件依赖于Bootstrup的transition.js，所以还要在适当的地方引入这个文件。
该图片放大预览插件使用简单，没有多余的代码，图片放大缩小时使用平滑的过渡动画效果。它的操作非常方便，图片放大后可以使用键盘的ESC键来使图片缩小。并且它可以在所有的浏览器上正常工作。
查看演示 下载插件
使用方法
- <link rel="stylesheet" type="text/css" href="css/zoom.css">
- <script src="js/zoom.js"></script>
- <script src="js/jquery.min.js"></script>
在引入上面的文件之后，就可以在你想要制作放大缩小效果的图片上添加data-action="zoom"属性。这样插件就可以正常工作了，就这么简单。
插件github地址： https://github.com/fat/zoom.js
本文版权属于jQuery之家，转载请注明出处： http://www.htmleaf.com/jQuery/Image-Effects/201505071793.html正文到此结束
热门推荐
相关文章
近期评论
-
你这基本没有更新呀，最近文章显示还是2019年的文章。不符合要求哈
-
关键词：慕云博客 链接：https://www.lilun.me 描述：分享原创文字的个人博客
-
-
-
可以提供一下源码吗
-
不是商业站，鸡娃学习笔记
-
-
-
-
听他们说很厉害的样子
Loading...
![[HBLOG]公众号](http://www.liuhaihua.cn/img/qrcode_gzh.jpg)
