выявление активного изображения в Galleriffic

Question

После вчерашнего вопроса я перерабатываю страницу в рамках Galleriffic, чтобы воспользоваться преимуществами контролируемой загрузки изображений ... и для этого нужно по-настоящему запутаться.

У меня проблемы с определением активного изображения на странице. Я бегал по функциям плагина взад и вперед так много раз, что заплачу. Буквально просто нужно найти работающий CSS Selector, чтобы я мог сделать из него переменную и манипулировать этим изображением.

Как ни странно - этот плагин никогда не добавляет класс .current или .active к отображаемому изображению .. Так что, к сожалению, я должен сделать это вручную.

Во всяком случае, я настроил jsFiddle , чтобы продемонстрировать ... Вся помощь очень ценится!

Answer 1

То, что сказал Эван, правильно. Я создал пример, вы можете изменить селектор, как вы хотите. Следите за консолью JavaScript.

http://jsfiddle.net/PHSrE/2/

Глядя на документацию, я увидел это событие: onSlideChange

 onSlideChange: function(){
    console.log($('.image-wrapper').find('img'));
}

Answer 2

на странице нет нескольких изображений.так что все, что вам нужно сделать, это выбрать единственное изображение:

$("a.advance-link img")

Answer 3

Вы можете легко найти выбранный эскиз, если это поможет:

$("div#flipbook-thumbs li.selected img")