Цитата:
|
рони,
Прошу прощения использовал "translate.owl.carousel" вместо "translated.owl.carousel". Из-за этого проблемы были. Премного благодарен Вам:) |
Цитата:
var itm; $(".owl-carousel").owlCarousel({ items: 3, nav: true, loop: true, dots: false, onInitialized: function(e) { itm = $(e.target).find(".owl-item") itm.eq(e.item.index + 1).addClass('red') }, onDrag: function(e) { itm.removeClass('red') }, onTranslated: function(e) { itm.eq(e.item.index + 1).addClass('red') } }) |
sergey24,
c "translate.owl.carousel" можно так $(function() { $(".owl-carousel").owlCarousel({ loop: true, startPosition: -1, items: 3, nav: true, navText: ['<img src="/left.png" alt="" />', '<img src="/right.png" alt="" />'], dots: false }).on({"translated.owl.carousel": setCls, "translate.owl.carousel" : remCls}); function setCls() { $(".owl-item").filter(".active").eq(1).addClass("red") } function remCls() { $(".owl-item").removeClass("red") } setCls() }); |
laimas,
хорошо бы onDrag продублировать в onTranslate |
laimas,
итого $(function() { var itm; $(".owl-carousel").owlCarousel({ startPosition: -1, items: 3, nav: true, loop: true, dots: false, onInitialized: function(e) { itm = $(e.target).find(".owl-item") itm.eq(e.item.index + 1).addClass('red') }, onDrag: function(e) { itm.removeClass('red') }, onTranslate: function(e) { itm.removeClass('red') }, onTranslated: function(e) { itm.eq(e.item.index + 1).addClass('red') } }) }); спасибо так проще, а то не видел что есть Callback, делал через Event |
Цитата:
|
Цитата:
|
рони,
попробуйте под всеми браузерами проверить. Я сталкивался с тем, что в этом слайдере, за версию сказать не могу, не помню, событие onTranslate не всегда означает начало действия, по крайней мере были глюки в FF. Вот и думаю, что раз описать, а затем триггером одно объявленное обрабатывать. |
Цитата:
|
Часовой пояс GMT +3, время: 13:52. |