Цитата:
|
рони,
Прошу прощения использовал "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. Вот и думаю, что раз описать, а затем триггером одно объявленное обрабатывать. |
Цитата:
|
Цитата:
|
Ребята, не подскажите как присвоить всем троим активным блокам разные классы, и чтобы они меняли свои значения.
например: 1й активный блок left 2й активный блок red 3й активный блок right |
vladmunh1,
если выше дан пример для второго блока, что мешает сделать тоже самое для двух других? |
| Часовой пояс GMT +3, время: 22:21. |