Javascript swipebox自动转换到下一张幻灯片
这更多的是一个提示而不是一个问题,但我希望其他人会觉得这很有用 基本上,我需要让名为“Swipebox”的lightbox滑块自动转换到下一张幻灯片,我在网上寻找帮助,但什么也没找到 要将此功能添加到插件,我添加了以下代码:Javascript swipebox自动转换到下一张幻灯片,javascript,jquery,slider,slideshow,Javascript,Jquery,Slider,Slideshow,这更多的是一个提示而不是一个问题,但我希望其他人会觉得这很有用 基本上,我需要让名为“Swipebox”的lightbox滑块自动转换到下一张幻灯片,我在网上寻找帮助,但什么也没找到 要将此功能添加到插件,我添加了以下代码: setInterval(function(){ $this.getNext(); // Auto transitions each slide }, 5000); 此JS的文件名为“jquery.swipebox.JS”。这是您要放置前面提到的代码的代码:
setInterval(function(){
$this.getNext(); // Auto transitions each slide
}, 5000);
此JS的文件名为“jquery.swipebox.JS”。这是您要放置前面提到的代码的代码:
/**
* Navigation events : go to next slide, go to prevous slide and close
*/
actions : function () {
var $this = this,
action = 'touchend click'; // Just detect for both event types to allow for multi-input
if ( elements.length < 2 ) {
$( '#swipebox-bottom-bar' ).hide();
if ( undefined === elements[ 1 ] ) {
$( '#swipebox-top-bar' ).hide();
}
} else {
$( '#swipebox-prev' ).bind( action, function( event ) {
event.preventDefault();
event.stopPropagation();
$this.getPrev();
$this.setTimeout();
} );
$( '#swipebox-next' ).bind( action, function( event ) {
event.preventDefault();
event.stopPropagation();
$this.getNext();
$this.setTimeout();
} );
}
$( '#swipebox-close' ).bind( action, function() {
$this.closeSlide();
} );
// THIS IS THE NEW CODE ADDED:
setInterval(function(){
$this.getNext(); // Auto transitions each slide
}, 5000);
},
希望这有帮助:)刚刚发现一个问题。。。由于某种原因,这段代码将运行两次??有人知道为什么会这样吗?你有没有想过双重编码的问题?我需要做同样的事情。
loopAtEnd: true,