jQuery响应式左右滚动图片轮播代码

jQuery响应式左右滚动图片轮播代码，左右按钮控制3屏图片幻灯片轮播滚动切换效果。

分类：图片代码 > 图片轮播难易：初级

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

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

js代码

<script type="text/javascript" src="js/imagesloaded.js"></script>
<script type="text/javascript" src="js/smartresize.js"></script>
<script type="text/javascript" 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      : false,
		  autoplayResume: false,
		  interval      : 4000,
		  transition    : "slide",
		  afterSliding  : function() {},
		  afterInit     : function() {}
		});
	  });
});

$(window).smartresize(function(){
	  $('.slideshow').skidder('resize');
});
</script>