Question

我有一个我下载的滑块的javascript代码，无法弄清楚如何让它自动滚动!! 我实际上从http://tympanus.net/Tutorials/FullscreenSlitSlider/index2.html下载了此代码它实际上不包含下一个按钮，所以我可以像其他滑块一样添加间隔:(

$(function() {
    var Page = (function() {
        var $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();
            setInterval(initEvents,1000);
        },

        initEvents = function() {
            $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();
 });

Answer 1

就像它说in the docs（谷歌有帮助）：

slitslider = $( '#slider' ).slitslider({
    autoplay : true
});

应该这样做。

如果您不想阅读整个内容，请参阅以下常见配置选项的简短列表：

$.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 : false,
// keyboard navigation
keyboard : true,
// time between transitions
interval : 4000,
// callbacks
onBeforeChange : function( slide, idx ) { return false; },
onAfterChange : function( slide, idx ) { return false; }
};

自动滚动幻灯片javascript

1 个答案: