在线演示(请使用手机访问,桌面不支持滑动效果):http://www.gbtags.com/gb/networks/uploads/54672cd0-a510-445d-b207-e2e9191578e7/template.html
相关代码:
<div id='slider' class='swipe'>
<div class='swipe-wrap'>
<div class="red"><img src="http://www.gbtags.com/gb/laitu/300x300" alt=""></div>
<div class="green"><img src="http://www.gbtags.com/gb/laitu/300x300" alt=""></div>
<div class="orange"><img src="http://www.gbtags.com/gb/laitu/300x300" alt=""></div>
</div>
</div>
<script src="http://cdn.gbtags.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.gbtags.com/swipe/2.0/swipe.min.js"></script>
相关Javascript代码:
window.mySwipe = new Swipe(document.getElementById('slider'), {
startSlide: 2,
speed: 400,
auto: 3000,
continuous: true,
disableScroll: true,
stopPropagation: false,
callback: function(index, elem) {},
transitionEnd: function(index, elem) {}
});
来源:http://www.gbtags.com/gb/share/4228.htm