
HTML
首先我们在.gallery上放置第一张大图,在.thumbnails放置缩略图
<div class="gallery">
<div class="main-image">
<img src="images/big1.jpg" alt="Placeholder" class="custom">
</div>
<ul class="thumbnails">
<li><a href="images/big1.jpg"><img src="images/thumbnail1.jpg" alt=""></a></li>
<li><a href="images/big2.jpg"><img src="images/thumbnail2.jpg" alt=""></a></li>
<li><a href="images/big3.jpg"><img src="images/thumbnail3.jpg" alt=""></a></li>
<li><a href="images/big4.jpg"><img src="images/thumbnail4.jpg" alt=""></a></li>
<li><a href="images/big5.jpg"><img src="images/thumbnail5.jpg" alt=""></a></li>
</ul>
</div> 调用simpleGal插件
$(function() {
$('.thumbnails').simpleGal({
mainImage: '.custom'
});
});
*
回帖描述:*
链接类型:*
下载链接:*
描述:*
回帖描述:*
链接类型:*
阅读权限:*
下载链接:



聚优部落技术论坛 © 版权所有 鲁ICP备15007479号-6
Copyright(C)web.com, All Rights Reserved.
