lightSlider轻量级响应式滑动图片插件

lightSlider是一个图片插件，支持移动端响应式、触摸滑动、丰富的API回调函数、支持键盘，箭头事件、同个页面多个实例。

分类：图片代码 > 图片滑动难易：中级

查看演示下载资源下载积分： 20 积分

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();
});