jCarousel - передача активного слайда вне галереи
Добрый день!
Есть галерея jCarousel (http://sorgalla.com/jcarousel/) Вопрос: можно ли как то передать внешнему div (или body для примера) класс в виде активного элемента, те например сейчас активен первый слайд то класс active_slide_1 , включается второй слайд то класс становится active_slide_2 итп Буду признателен за помощь! |
В этом примере http://sorgalla.com/jcarousel/examples/basic/
Подключён скрипт инициализирующий сам слайдер с его контролами <script type="text/javascript" src="jcarousel.basic.js"></script> В нём смотришь эту часть кода: $('.jcarousel-pagination') .on('jcarouselpagination:active', 'a', function() { $(this).addClass('active'); }) Далее, допустим, у тебя есть на странице такой элемент: <div id="classContainer"></div> И чтобы в него записать текущий номер слайда, измени JS код выше, на следующий: $('.jcarousel-pagination') .on('jcarouselpagination:active', 'a', function(obj) { document.querySelector('#classContainer').innerHTML = obj.currentTarget.innerHTML; $(this).addClass('active'); }) |
:write:
$('.jcarousel').on('jcarousel:targetin', 'li', function() { alert($('.jcarousel li').index(this))}); |
Всем большое спасибо! +
|
Часовой пояс GMT +3, время: 20:46. |