代码之家 › 专栏 › 技术社区 › Paul Gwamanda

使Jquery carousel自动启动,而不是onclick

cube twitter-bootstrap-3 css jquery javascript

1

Paul Gwamanda · 技术社区 · 7 年前

所以我有一个旋转木马可以工作-在我的JSFIDLE上看到它, https://jsfiddle.net/L4q2e35g/3/

<div class="container-fluid">
        <div class="row">
            <div class="col-md-4">
                    <div class="grey-bordered" style="height: 300px;">
                        <div id="slideShow" class="slides-wrapper">
                            <section class="slide">
                                Section 1
                            </section>
                            <section class="slide">
                                Section 2
                            </section>
                            <section class="slide">
                                Section 3
                            </section>
                            <section class="slide">
                                Section 4
                            </section>
                            <section class="slide">
                                Section 5
                            </section>
                            <section class="slide">
                                Section 6
                            </section>
                        </div>
                </div>
            </div>
        </div>
    </div>

2 回复 | 直到 7 年前

1

2

Bharatsing Parmar 7 年前

working fiddle

jQuery代码在您的小提琴中更改:

function autoStart()
{
        if (currentSlide === slidesNum - 1) {
            currentSlide=0;
        }
        goNext();
}

setInterval(autoStart,3000);

2

1

jidexl21 7 年前

在s之后添加一个函数圆

function circle() {
        if (slides[currentSlide + 1]) {
            ++currentSlide;
            step();
        }else{ currentSlide = 0; step() }
    }

 var  loop = function(){
                setTimeout(function(){ circle(); loop() }, 2000)
        }
 loop();

你可以看到小提琴 https://jsfiddle.net/L4q2e35g/9/