2 javascript jquery html5 jquery-slider
我正在使用这个滑块.一切运作良好,但在自动播放中有问题.当我单击滑块上的导航箭头或底部的导航点上时.之后,自动播放无法正常工作.
这是链接点击这里
不存在自动播放功能,你必须下载它并进行自动播放:在Js中为true.
Js名称:jquery.slitslider.js
$.Slitslider.defaults = {
// transitions speed
speed : 800,
// if true the item's slices will also animate the opacity value
optOpacity : false,
// amount (%) to translate both slices - adjust as necessary
translateFactor : 230,
// maximum possible angle
maxAngle : 25,
// maximum possible scale
maxScale : 2,
// slideshow on / off
autoplay : true,
// keyboard navigation
keyboard : true,
// time between transitions
interval : 6000,
// callbacks
onBeforeChange : function( slide, idx ) {
return false;
},
onAfterChange : function( slide, idx ) {
return false;
}
};
Run Code Online (Sandbox Code Playgroud)
因为脚本包含类似的代码,每当您按下该功能时停止幻灯片放映
switch (keyCode) {
case arrow.left :
self._stopSlideshow(); //this line stops autoplay
self._navigate( 'prev' );
break;
case arrow.right :
self._stopSlideshow();
self._navigate( 'next' );
break;
}
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
8196 次 |
| 最近记录: |