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

收藏

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

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示 下载资源： 108 次

加我微信，拉你进VIP群学习：

下载资源 下载积分： 30 积分

HTML

<ul id="slideMove" class="gallery list-unstyled clearfix cS-hidden">
    <li> 
        <a href="http://www.erdangjiade.com/js">
            <img src="img/cS-1.jpg" />
        </a> 
    </li>
    <li> 
        <a href="http://www.erdangjiade.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();
});