实现一个3D图片轮播插件 —— 更新版

    前段时间写下了之前那篇 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>&laquo;</span></a> <a href="#" class=\'next\'><span>&raquo;</span></a> </nav> </div> </div>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzpfwf.html