jQuery响应式图片切换代码

jQuery响应式图片切换代码
下载次数:2 文件大小:312.56KB 所需积分:0 QQ联系购买积分:3331653644(1元=10积分)

HTML代码

<div class="js-silder">
  <div class="silder-scroll">
    <div class="silder-main">
      <div class="silder-main-img"> <img src="images/2-1.jpg" alt=""> </div>
      <div class="silder-main-img"> <img src="images/3-1.jpg" alt=""> </div>
      <div class="silder-main-img"> <img src="images/1-1.jpg" alt=""> </div>
    </div>
  </div>
</div>

JS代码

$(function (){
	$(".js-silder").silder({
		auto: true,//自动播放,传入任何可以转化为true的值都会自动轮播
		speed: 20,//轮播图运动速度
		sideCtrl: true,//是否需要侧边控制按钮
		bottomCtrl: true,//是否需要底部控制按钮
		defaultView: 0,//默认显示的索引
		interval: 3000,//自动轮播的时间,以毫秒为单位,默认3000毫秒
		activeClass: "active",//小的控制按钮激活的样式,不包括作用两边,默认active
	});
});

 

0 条评论