Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   jCarousel - передача активного слайда вне галереи (https://javascript.ru/forum/jquery/52454-jcarousel-peredacha-aktivnogo-slajjda-vne-galerei.html)

segajb 20.12.2014 11:33

jCarousel - передача активного слайда вне галереи
 
Добрый день!
Есть галерея jCarousel (http://sorgalla.com/jcarousel/)
Вопрос: можно ли как то передать внешнему div (или body для примера) класс в виде активного элемента, те например сейчас активен первый слайд то класс active_slide_1 , включается второй слайд то класс становится active_slide_2 итп
Буду признателен за помощь!

Safort 20.12.2014 12:31

В этом примере 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');
            })

рони 20.12.2014 12:48

:write:
$('.jcarousel').on('jcarousel:targetin', 'li', function() {   alert($('.jcarousel li').index(this))});

segajb 22.12.2014 11:15

Всем большое спасибо! +


Часовой пояс GMT +3, время: 09:10.