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正文到此结束
热门推荐
相关文章
近期评论
-
文章和留言都翻到11页了 没有OOM
-
-
朋友，翻页到11页，及以后，会出现OOM，无法访问
-
-
搞个gitee的项目
-
-
版本号是多少，你可以下载哪个代码仓库，jdk选1.8 直接跑就行
-
-
-
Loading...
![[HBLOG]公众号](https://www.liuhaihua.cn/img/qrcode_gzh.jpg)
