Как я могу остановить анимацию JQuery в моем слайд-шоу

Question

Я использую функцию слайд-шоу фотографий jquery, которую я нашел в Интернете.Он содержит div, который использует эффект аккордеона для отображения названия фотографии, которая отображается в данный момент.Однако клиент не хочет, чтобы div «скользил» вниз.Он хочет, чтобы он был статичным, при этом загружая заголовок текущей фотографии по мере их продвижения.У меня есть пример здесь.

Я попытался зайти в файл js и закомментировать части, которые, по моему мнению, вызывают анимацию в div, но это не дало эффекта.Любые идеи о том, как я могу добиться остановки анимации jquery на одном конкретном div в моем примере?

Answer 1

Хорошо. Я нашел решение, которое работает для меня, если вы используете s3Slider.js Я думаю, что это связано с расчетом timeOut в s3Slider.js ... На странице с изображениями сделайте следующее:

$ (документ) .ready (function () { $ ( '# S3slider'). S3Slider ({ timeOut: 12000 // -> сделать его кратным 6000, и оно будет плавным. протестировано только с 6000 и 12000 }); });

Answer 2

попробуйте изменить это:

$(items[currNo]).fadeIn((timeOut / 6), function() {
    if ($(itemsSpan[currNo]).css('bottom') == 0) {
        $(itemsSpan[currNo]).slideUp((timeOut / 6), function() {
            faderStat = false;
            current = items[currNo];
            if (!mOver) {
                fadeElement(false);
            }
        });
    } else {
        $(itemsSpan[currNo]).slideDown((timeOut / 6), function() {
            faderStat = false;
            current = items[currNo];
            if (!mOver) {
                fadeElement(false);
            }
        });
    }
});

к этому:

$(items[currNo]).fadeIn((timeOut / 6), function() {
            faderStat = false;
            current = items[currNo];
            if (!mOver) {
                fadeElement(false);
            }
});

Answer 3

Я не уверен, куда вы положите это, но это то, как вы это делаете.

$('#divName').stop()

Answer 4

С помощью Энди и Диодеуса я думаю, что я намного ближе, чем я был :) Мне удалось узнать, что я могу давать различные команды для функциональных строк в файлах jquery, таких как

$(itemsSpan[currNo]).fadeIn((timeOut/6), function() {

Теперь я знаю, что могу заменить .slideDown такими вещами, как .fadeIn, и получить различные эффекты. Несмотря на то, что я смог изменить imageSpan (который представляет собой просто поле с названием фотографии) со скольжения на затухание, я все еще не смог заставить его просто «сидеть» и ничего не делать. Я надеюсь, что клиенту нравится затухание, и оставлю все как есть :)