Как сделать так что бы при смене слайда менялся и контент под ним?

Question

[Александр]

Суть в следующем. Есть слайдер на странице, а под ним список. Список уникальный для каждого слайда. Как сделать так, что бы при прокрутке слайдов менялись и списки?

UPD Поместить контент в слайды не получится, так как у них будет хитрая анимация, а контент должен сменяться максимально плавно.

Comments

[glenean]

Покажите, пожалуйста, страницу или дайте скриншот, как называется плагин для сайдера?

[Александр]

glenean: www.bkosborne.com/jquery-feature-carousel - Вот этот слайдер

Answer 1

[Александр]

У feature carousel есть callback функция movedToCenter, которая, как я понял, вызывается в момент перемещения слайда в центральную позицию.

$("#carousel").featureCarousel({
    movedToCenter: function($feature) {
      // $feature - это JQuery объект, обертывающий HTML-элемент текущего слайда
     alert('Код текущего слайда: ' + $feature.html());
    }
});

Соответственно, ты можешь задать атрибут слайду, в котором прописать номер, соответствующий номеру списка. А в movedToCenter писать логику. Например: скрыть старый список и показать список под текущим номером. Как то так

Comments

[Александр]

Пытаюсь при листании добавлять класс, но что то не получается. Не подскажите в чем ошибка?

movedToCenter: function($feature) {
$(this).toggleClass('className');
}

код ошибок не выдает ,но ничего не происходит

[Александр]

Попробуй
$feature.toggleClass('className');

[Александр]

tusklozeleniy: Спасибо) так все супер.

Answer 2

[glenean]

Поместить списки в слайды.

Answer 3

[lukoie]

Так все что должно меняться и есть слайдом, а не только картинка.
Так что текстовую часть вставляете в код самого слайда сразу после картинки и до закрытия тега слайда, и всё.