插件描述：EasyZoom是一个优雅,高度优化的jQuery插件支持图像缩放和平移基于源图放大。easyzoom还支持触摸功能的设备，并与CSS很容易定制。
使用方法
html
EasyZoom不依赖于特定的标记结构但重要的是EasyZoom目标元素 (<div class="easyzoom">)只包含一个链接到大图和较小的图像。其他元素目标必须不影响其布局,如绝对定位的元素。
1 2 3 4 5 | <div class="easyzoom"> <a href="images/zoom.jpg"> <img src="images/standard.jpg" alt="" /> </a></div> |
CSS
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | /* Shrink wrap strategy 1 */.easyzoom { float: left;}.easyzoom img { display: block;}/* Shrink wrap strategy 2 */.easyzoom { display: inline-block;}.easyzoom img { vertical-align: bottom;} |
JavaScript
1 2 3 4 | // Instantiate EasyZoom pluginvar $easyzoom = $('.easyzoom').easyZoom();// Get the instance APIvar api = $easyzoom.data('easyZoom'); |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： jQuery标签插件flyLabel.js
- 下一个特效： jQuery滚动菜单插件Section Menu