Здесь я использую http://specious.github.io/cloud9carousel/ слайдер, Я бы хотел добавить активный класс, когда изображение вращается на передней стороне.Jquery Animation cloud9 carousel добавить активный класс
0
A
ответ
0
вы можете добавить «onRendered» функция обратного вызова я использовал его и работает для меня
var showcase = $("#showcase")
var card = $("#showcase .card")
showcase.Cloud9Carousel({
yOrigin: 42,
yRadius: 40,
itemClass: "card",
buttonLeft: $(".nav2.prev"),
buttonRight: $(".nav2.next"),
bringToFront: true,
onRendered: showcaseUpdated,
onLoaded: function() {
showcase.css('visibility', 'visible')
showcase.css('display', 'none')
showcase.fadeIn(1500)
}
})
function showcaseUpdated(showcase) {
$(card).removeClass('active');
var index = showcase.nearestIndex();
$(showcase.items[index].element).addClass('active');
}
1
По многочисленным просьбам, в версии 2.2.0, обеспечивая имя класса по вашему выбору через frontItemClass
собственности automatically tags самой передней пункт:
var carousel = $("#carousel")
carousel.Cloud9Carousel({
// ...
frontItemClass: "active"
})
Живая demo на JS Bin.
Смежные вопросы
- 1. jQuery - Cloud9 Carousel - goTo function
- 2. Jquery добавить класс Li активный
- 3. jQuery animation и bootstrap carousel
- 4. Bootstrap carousel animation
- 5. добавить активный класс к owl-item в owl carousel
- 6. Добавить активный класс для каждого элемента img
- 7. Как добавить активный класс в jQuery?
- 8. Добавить активный класс в раскрывающееся меню jquery
- 9. jQuery: Как добавить активный выбранный класс меню?
- 10. jquery добавить активный класс в тег
- 11. JQuery цикл плагин, как добавить активный класс
- 12. Добавить активный класс Bootstrap Navbar с JQuery
- 13. Jquery активный класс неприятности
- 14. Как добавить активный класс в миниатюры карусели?
- 15. Добавить/удалить активный класс toggle
- 16. jquery добавить активный класс несколько классов с другим jquery
- 17. Как добавить активный класс в первый аккордеон?
- 18. Активный класс Bootstrap carousel неправильно применяется при использовании вкладок
- 19. Bootstrap Carousel активный класс не работает в Rails
- 20. Bootstrap 3 carousel navigator активный класс не обновляется
- 21. добавить класс 'активный' для текущего контроля
- 22. Добавить активный класс в 'home' link
- 23. Загрузка страницы JQuery: Активный класс
- 24. JQuery, не удаляющий активный класс
- 25. Установить активный класс с JQuery
- 26. Удалить ранее добавленный активный класс и добавить к нему
- 27. Как добавить «активный» класс на основе URL?
- 28. jquery cycle2 carousel добавить слайды
- 29. Добавить активный класс на основе URL-адреса?
- 30. Попытка добавить активный класс к пункту меню
Не могли бы вы добавить образец того, что вы пробовали до сих пор? –
У меня есть этот плагин, но я не могу видеть активный класс, , поэтому я хочу сделать css, изображение которого обращено на переднюю сторону, –