Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 04.07.2017, 02:55
Аспирант
Отправить личное сообщение для sergey24 Посмотреть профиль Найти все сообщения от sergey24
 
Регистрация: 04.11.2016
Сообщений: 56

Отслеживание второго активного слайда
Имеется слайдер owl carousel 1.3 с 6 слайдами. Отображаются по 3. Активные слайды имеют класс active. Каким образом можно отследить второй активный слайд и применять css только к нему (требуется прописать display:block для кнопки внутри слайда)? Через nth-child работает почти как надо, но он слайды считает только при загрузке страницы, при перелистывании слайдов css не обновляет.

<script type="text/javascript">
$(document).ready(function() {  
$(".owl-zk").owlCarousel({
items:3,
addClassActive:true,
navigation: true,
navigationText: ['<img src="/left.png" alt="" />', '<img src="/right.png" alt="" />'],
pagination: false
});
});</script>

Последний раз редактировалось sergey24, 04.07.2017 в 04:36.
Ответить с цитированием
  #2 (permalink)  
Старый 04.07.2017, 04:38
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

Может селектор неправильно присваиваете? попробуйте вместо "nth-child" "nth-of-type"
Ответить с цитированием
  #3 (permalink)  
Старый 04.07.2017, 05:25
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

Сообщение от sergey24
Имеется слайдер owl carousel
А он имеет API, в котором есть события, в которых можно получать разную информацию.

$(selector).owlCarousel({
   options 
}).on('translated.owl.carousel', function(e) {
   e.item.index - индекс текущего слайдера
})
Ответить с цитированием
  #4 (permalink)  
Старый 04.07.2017, 05:47
Аспирант
Отправить личное сообщение для sergey24 Посмотреть профиль Найти все сообщения от sergey24
 
Регистрация: 04.11.2016
Сообщений: 56

j0hnik,
Не работает
laimas,
Читал документацию, сейчас пытаюсь присвоить стиль к активному элементу
Ответить с цитированием
  #5 (permalink)  
Старый 04.07.2017, 06:44
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

sergey24,
активный, это, по идее, индекс слайдера с нулевой позицией относительно окна слайдера, но от общего числа слайдов. А если из группы трех взять второй, это выделить средний, надо полагать? Поэтому не текущий активный нужен, а текущий + 1.
Ответить с цитированием
  #6 (permalink)  
Старый 04.07.2017, 08:42
Аспирант
Отправить личное сообщение для sergey24 Посмотреть профиль Найти все сообщения от sergey24
 
Регистрация: 04.11.2016
Сообщений: 56

laimas,
Всё очень плохо
Ответить с цитированием
  #7 (permalink)  
Старый 04.07.2017, 09:20
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,129

sergey24,
скачайте новую версию owlCarousel тогда можно будет сделать с помощью api которое показал laimas,
только немного уточнить его код. выборка нужна не по индексу слайдера а по фильтрации активных блоков
https://owlcarousel2.github.io/OwlCarousel2/
Ответить с цитированием
  #8 (permalink)  
Старый 04.07.2017, 09:23
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,129

Сообщение от j0hnik
Может селектор неправильно присваиваете? попробуйте вместо "nth-child" "nth-of-type"
есть несколько блоков три из них имеют класс "active" как выбрать второй активный с помощью css?
Ответить с цитированием
  #9 (permalink)  
Старый 04.07.2017, 09:24
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

Сообщение от sergey24
Всё очень плохо
что именно не известно, но думаю, что той информации, которой обладает каждое событие слайдера вполне достаточно для решения пробелмы.
Ответить с цитированием
  #10 (permalink)  
Старый 04.07.2017, 09:26
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

Сообщение от рони
выборка нужна не по индексу слайдера а по фильтрации активных блоков
А индекс разве не дает нужного?
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Выделение активного пункта меню sergofedor06 jQuery 15 23.11.2015 12:15
Отслеживание css состояния объекта Nifler Events/DOM/Window 6 28.04.2015 21:05
jCarousel - передача активного слайда вне галереи segajb jQuery 3 22.12.2014 11:15
Отслеживание активного слайда dikucher Events/DOM/Window 0 29.11.2013 15:47
Отслеживание событий в Google Analytics fry2 Events/DOM/Window 1 08.05.2012 20:08