一款简单的jQuery图片相册插件simpleGal,小图切换大图,当然你也可以用jQuery attr属性直接替换。
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'
});
});
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791