0

このスライダーを 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>
4

1 に答える 1

0

スリットスライダーのドキュメントを見るだけで、次のコードの抜粋にこれらの 2 行を追加する必要があると思います。

.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');
    }
于 2013-03-28T06:44:01.680 に答える