hotopile JS 是把许多照片散布堆叠在一起的 jQuery 图片插件,优点类似制作照片墙效果。点击缩略图,照片会弹出放大,左右的箭头可以查看“上一张”、“下一张”,再次点击会返回。缩略图可以拖动,功能非常强大。
HTML
首先我们在.photopile放置多个图片
<div class="photopile-wrapper">
<ul class="photopile">
<li>
<a href="images/fullsize/01.jpg">
<img src="images/thumbs/01.jpg" alt="" width="133" height="100" />
</a>
</li>
<li>
<a href="images/fullsize/02.jpg">
<img src="images/thumbs/02.jpg" alt="" width="133" height="100" />
</a>
</li>
......
</ul>
</div>
加载jQuery库和photopile相关插件:
<link rel="stylesheet" href="css/photopile.css">
<script src="js/jquery.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/photopile.js"></script>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791