jQuery响应式无限轮播图片代码

分类: 图片相关
时间: 2017-05-23 11:00:34
编辑: 墨倾天下
浏览: 1376

下载次数：2 文件大小：402.91KB 所需积分：0 QQ联系购买积分：3331653644（1元=10积分）

$('.slideshow').each( function() {
    var $slideshow = $(this);
    $slideshow.imagesLoaded( function() {
        $slideshow.skidder({
            slideClass    : '.slide',
            animationType : 'css',
            scaleSlides   : true,
            maxWidth      : 1300,
            maxHeight     : 500,
            paging        : true,
            autoPaging    : true, 
            pagingWrapper : ".skidder-pager",
            pagingElement : ".skidder-pager-dot",
            swiping       : true,
            leftaligned   : false,
            cycle         : true, 
            jumpback      : false,
            speed         : 400,
            autoplay      : false, 
            autoplayResume: false, 
            interval      : 4000, 
            transition    : "slide",
            afterSliding  : function() {},
            afterInit     : function() {}
        });
    });
}); 
$(window).smartresize(function(){
    $('.slideshow').skidder('resize');
});

标签:

jquery 图片轮播