Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.12.2014, 11:33
Интересующийся
Отправить личное сообщение для segajb Посмотреть профиль Найти все сообщения от segajb
 
Регистрация: 18.03.2012
Сообщений: 21

jCarousel - передача активного слайда вне галереи
Добрый день!
Есть галерея jCarousel (http://sorgalla.com/jcarousel/)
Вопрос: можно ли как то передать внешнему div (или body для примера) класс в виде активного элемента, те например сейчас активен первый слайд то класс active_slide_1 , включается второй слайд то класс становится active_slide_2 итп
Буду признателен за помощь!
Ответить с цитированием
  #2 (permalink)  
Старый 20.12.2014, 12:31
Аватар для Safort
Профессор
Отправить личное сообщение для Safort Посмотреть профиль Найти все сообщения от Safort
 
Регистрация: 23.12.2013
Сообщений: 1,856

В этом примере 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');
            })
Ответить с цитированием
  #3 (permalink)  
Старый 20.12.2014, 12:48
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105


$('.jcarousel').on('jcarousel:targetin', 'li', function() {   alert($('.jcarousel li').index(this))});
Ответить с цитированием
  #4 (permalink)  
Старый 22.12.2014, 11:15
Интересующийся
Отправить личное сообщение для segajb Посмотреть профиль Найти все сообщения от segajb
 
Регистрация: 18.03.2012
Сообщений: 21

Всем большое спасибо! +
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Отслеживание активного слайда dikucher Events/DOM/Window 0 29.11.2013 15:47