Как заставить этот слайдер остановиться на последнем слайде?

Question

Как заставить этот слайдер остановиться на последнем слайде?

0

У меня есть текст карусели, который автоматически воспроизводится без остановки. Есть ли способ остановить его при последнем слове? Вот код http://codepen.io/anon/pen/kyiqn

(function () {
    rt.Homepage = function () {
        function e() {
            var e = this;
            this.currentCaption = 0, this.$carousel = $(".js-carousel"), this.$captions = $(".js-captions"), this.switchCaption(1), setInterval(function () {
                return e.advanceCaption()
            }, 2000), this.addHandlers()
        }
        return e.prototype.addHandlers = function () {}, 

        e.prototype.advanceCaption = function () {
            var e, t;
            return this.currentCaption++, t = 20, e = this.currentCaption % t + 1, this.switchCaption(e)
        }, e.prototype.switchCaption = function (e) {
            var t, n, r, i, s, o, u = this;
            n = "state-1 state-2 state-3 state-4 state-5 state-6 state-7 state-8 state-9 state-10 state-11 state-12 state-13 state-14 state-15 state-16 state-17 state-18 state-19 state-20", this.$carousel.removeClass(n).addClass("state-" + e), o = this.$captions;
            for (i = 0, s = o.length; i < s; i++) t = o[i], r = $(".caption-" + e, t).width(), $(t).width(r);
            return _.delay(function () {
                return u.$carousel.addClass("show-caption")
            }, 500)
        }, e
    }(), $(function () {
        return new rt.Homepage
    })
}).call(this);

MaxR37 01 май 2014, в 21:29

Источник

0

Вы должны опубликовать код здесь, а не просто ссылаться на него. Кроме того, похоже, что JavaScript был скомпилирован каким-то образом, у вас есть оригинал?
happyjack 01 май 2014, в 19:04
0

Вы используете определенную библиотеку карусели?
happyjack 01 май 2014, в 19:30

Теги:

jquery

slideshow

1 ответ

Ещё вопросы

Вы должны опубликовать код здесь, а не просто ссылаться на него. Кроме того, похоже, что JavaScript был скомпилирован каким-то образом, у вас есть оригинал?
Вы используете определенную библиотеку карусели?

happyjack · Accepted Answer · 2014-05-01T18-21-00.000Z

Я отредактировал его, чтобы сделать то, что вы хотите, и я сделал javascript (немного) яснее, чтобы вы могли видеть, что происходит. Если у вас есть un-minified javascript, я бы рекомендовал сделать аналогичные изменения для этого.

CodePen

(function () {
    rt.Homepage = function () {
        function e() {
            var e = this;
            this.currentCaption = 0;
            this.$carousel = $(".js-carousel");
            this.$captions = $(".js-captions");
            this.switchCaption(1);

            // set a variable for the interval, so we can stop it later
            this.interval = setInterval(function () {
                return e.advanceCaption()
            }, 1500);

            this.addHandlers();
        }

        e.prototype.addHandlers = function () {}

        e.prototype.advanceCaption = function () {
            this.currentCaption++;

            // if currentCaption reaches final caption, stop the interval
            if (this.currentCaption >= 4) {
                clearInterval(this.interval)
            }

            return this.switchCaption(this.currentCaption + 1);
        }

        e.prototype.switchCaption = function (e) {
            var t, n, r, i, s, o, u = this;
            n = "state-1 state-2 state-3 state-4 state-5";
            this.$carousel.removeClass(n).addClass("state-" + e);
            o = this.$captions;
            for (i = 0, s = o.length; i < s; i++) t = o[i];
            r = $(".caption-" + e, t).width(), $(t).width(r);
            return _.delay(function () {
                return u.$carousel.addClass("show-caption")
            }, 500)
        }

        return e;
    }(), $(function () {
        return new rt.Homepage
    })
}).call(this);