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, время: 22:57. |