jquery - jquery图像滑块自动播放并单击

Question

请建议我需要在此代码中进行的任何更改，以使此滑块在 4000 毫秒后自动播放。不是它在单击时工作正常。我在遵循一些建议后做了一些更改，但它不起作用

<script type="text/javascript"> 
$(function() {    
var Page = (function() {    
var $navArrows = $( '#nav-arrows' ),
$nav = $( '#nav-dots > span' ),
slitslider = $( '#slider' ).slitslider( {
onBeforeChange : function( slide, pos ) {

$nav.removeClass( 'nav-dot-current' );
$nav.eq( pos ).addClass( 'nav-dot-current' );    
}
} ),    
init = function() {    
initEvents();    
},
initEvents = function() {    
// add navigation events
$navArrows.children( ':last' ).on( 'click', function() {    
slitslider.next();
return false;    
} );    
$navArrows.children( ':first' ).on( 'click', function() {    
slitslider.previous();
return false;    
} );
$nav.each( function( i ) {    
$( this ).on( 'click', function( event ) {    
    var $dot = $( this );    
    if( !slitslider.isActive() ) {    
            $nav.removeClass( 'nav-dot-current' );
            $dot.addClass( 'nav-dot-current' );    
    }    
    slitslider.jump( i + 1 );
    return false;    
} );    
} );    
};    
return { init : init };    
})();    
Page.init();    
});
</script>

Answer 1

只需查看slitslider docs，我认为您需要将这两行添加到代码的以下摘录中：

.slitslider({

    // slideshow on / off
    autoplay : true,
    // time between transitions
    interval : 4000,

    onBeforeChange : function(slide, pos) {
    $nav.removeClass('nav-dot-current');
    $nav.eq(pos).addClass('nav-dot-current');
    }