前段时间写下了之前那篇 3D图片轮播效果,后来发现了 Pedro Botelho 写的 jquery.gallery.js ,于是重新修改了自己的这个图片轮播,使之可以成为一个插件来使用。
基于jquery.gallery.js 添加了 自适应图片数量,以及添加了 swipe-indicators 切换按钮
源代码:here
demo: here
具体使用:
html结构:
<div id="swipe"> <div class="swipe-wrapper"> <div class="swipe-list"> <a href="#"> <img src="https://y.gtimg.cn/music/common/upload/t_focus_info_iphone/67011.jpg" alt="" class="swipe_list_pic"> </a> </div> <ol class=\'swipe-indicator\'> <li data-index="0"></li> <li data-index="1"></li> <!-- .... --> </ol> <nav class="swipe-action"> <a href="#" class="prev"><span>«</span></a> <a href="#" class=\'next\'><span>»</span></a> </nav> </div> </div>