Пользовательские jQuery Галерея Миниатюра Поведение - PullRequest
Новая
       13

Пользовательские jQuery Галерея Миниатюра Поведение

1 голос
/ 26 апреля 2010

Недавно я получил некоторую помощь от SLaks (спасибо) за поведение моей пользовательской галереи. Я сейчас пытаюсь исправить способ, которым работают эскизы. Я играл с ним около часа, но не могу заставить его работать. Живая версия кода: http://www.studioimbrue.com. В настоящее время код выглядит следующим образом: 

$('.thumbscontainer ul li a').click(function() {
var li_index = $(this).parents('ul').children('li').index($(this).parent("li"));

    $(this).parents('.thumbscontainer').parent().find('.captions ul li').fadeOut();
 $(this).parents('.thumbscontainer').parent().find('.captions ul li:eq('+li_index+')').fadeIn();
});

$('.container .captions li').click(function() {
    var nextLi = $(this).fadeOut().next().fadeIn();

    if (nextLi.length === 0)  //If we're the last one,
        nextLi = $(this).siblings(':first-child').fadeIn();
});

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

1 Ответ

0 голосов
/ 26 апреля 2010

Как это: 

var nextThumb = nextLi
    .closest('.container')
    .find('.thumbscontainer li:eq(' + nextLi.index() + ')');

nextThumb
        .addClass(clickedClass).fadeTo(1, activeOpacity)
    .siblings()
        .fadeTo(1, inactiveOpacity).removeClass(clickedClass);

Это должно быть в том же блоке, что и 

var activeOpacity   = 1.0,
    inactiveOpacity = 0.6,
    fadeTime = 100,
    clickedClass = "selected",
...