jQuery 图片放大浏览组

jQuery 图片放大浏览组

 

演示

 

 

XML/HTML Code

<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

<script>$(document).ready(function() {
$(".gallery_1").ionZoom();
})</script>

 

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