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