首页>>Jquery图片>>jQuery 图片放大浏览组(2014-01-02)

jQuery 图片放大浏览组

jQuery 图片放大浏览组
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="gallery"> <a href="img/zoom/zoom-big-01.jpg" class="gallery_1"><img src="img/zoom/zoom-small-01.jpg" alt="" /></a> <a href="img/zoom/zoom-big-02.jpg" class="gallery_1"><img src="img/zoom/zoom-small-02.jpg" alt="" /></a> <a href="img/zoom/zoom-big-03.jpg" class="gallery_1"><img src="img/zoom/zoom-small-03.jpg" alt="" /></a> <a href="img/zoom/zoom-big-04.jpg" class="gallery_1"><img src="img/zoom/zoom-small-04.jpg" alt="" /></a> <a href="img/zoom/zoom-big-05.jpg" class="gallery_1"><img src="img/zoom/zoom-small-05.jpg" alt="" /></a> <a href="img/zoom/zoom-big-06.jpg" class="gallery_1"><img src="img/zoom/zoom-small-06.jpg" alt="" /></a> </div>  

 

JavaScript Code
  1. <script>$(document).ready(function() {  
  2. $(".gallery_1").ionZoom();  
  3. })</script>  

 


原文地址:http://www.freejs.net/article_jquerytupiantexiao_209.html