jQuery.skidder.js响应式左右滑动轮播图插件-站长技术网

jQuery.skidder.js响应式左右滑动轮播图插件

时间:2019-11-15 10:29:04 来源:网络收集作者:不详点击:次

源码授权：免费特效运行环境： jQuery 源码大小： 109 KB
普通会员
点击下载

jQuery.skidder.js响应式左右滑动轮播图插件，自动将图片居中对齐，组成首尾相接的一组图片，无限轮播切换。

js代码
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="js/imagesloaded.js"></script>
<script src="js/smartresize.js"></script>
<script src="src/jquery.skidder.js"></script>
<script type="text/javascript">
    $('.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      : true,
              autoplayResume: false,
              interval      : 3000,
              transition    : "slide",
              afterSliding : function() {},
              afterInit     : function() {}
            });
          });
    });
    $(window).smartresize(function(){
          $('.slideshow').skidder('resize');
    });
</script>