lightSlider是一个图片插件,支持移动端响应式、触摸滑动、丰富的API回调函数、支持键盘,箭头事件、同个页面多个实例。
HTML
<ul id="slideMove" class="gallery list-unstyled clearfix cS-hidden">
<li>
<a href="http://www.sucaihuo.com/js">
<img src="img/cS-1.jpg" />
</a>
</li>
<li>
<a href="http://www.sucaihuo.com/php">
<img src="img/cS-2.jpg" />
</a>
</li>
</ul>
演示一:每次滑动数量
$(function() {
$('#slideMove').lightSlider({
slideMove: 2, //滑动数量
slideMargin: 4,
slideWidth: 200
});
});
演示二:相册
$('#imageGallery').lightSlider({
gallery: true,
});
演示三:淡入淡出
$('#fade').lightSlider({
mode:'fade'
});
演示四:滑动到指定位置
$('#goToSlide').click(function() {
slider.goToSlide(3);
});
演示五:滑动到上一组
$('#goToPrevSlide').click(function() {
slider.goToPrevSlide();
});
演示六:滑动到下一组
$('#goToPrevSlide').click(function() {
slider.goToNextSlide();
});
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791