У меня есть быстрый просмотр всплывающего плагина, который работает с owl carousel 1.3.2, но когда я обновил owl.carousel.min.css и owl.carousel.min.js до последней версии 2.3.4, всплывающий плагин неИзображение больше.
также изображения плагинов в стиле совы, использующие эту js-код:
// Images Product
images.each(function(){
var el = $(this), thumb = thumbs;
el.owlCarousel({
direction : $("body").hasClass( "rtl" )?'rtl':'ltr',
singleItem:true,
pagination:false,
autoHeight:true,
afterAction : syncPosition,
navigation: true,
navigationText : ["<i class=\'fa fa-angle-left\'></i>","<i class=\'fa fa-angle-right\'></i>"]
});
thumb.owlCarousel({
direction : $("body").hasClass( "rtl" )?'rtl':'ltr',
items : 4,
itemsDesktop : [1199,4],
itemsDesktopSmall : [979,4],
itemsTablet : [768,4],
itemsMobile : [479,4],
pagination:false,
responsiveRefreshRate : 100,
navigation: false,
afterInit : function(el){
el.find(".owl-item").eq(0).addClass("synced");
}
});
function syncPosition(el){
var current = this.currentItem;
thumb
.find(".owl-item")
.removeClass("synced")
.eq(current)
.addClass("synced")
if(thumb.data("owlCarousel") !== undefined){
center(current)
}
}
thumb.on("click", ".owl-item", function(e){
e.preventDefault();
var number = $(this).data("owlItem");
el.trigger("owl.goTo",number);
});
function center(number){
var sync2visible = thumb.data("owlCarousel").owl.visibleItems;
var num = number;
var found = false;
for(var i in sync2visible){
if(num === sync2visible[i]){
var found = true;
}
}
if(found===false){
if(num>sync2visible[sync2visible.length-1]){
thumb.trigger("owl.goTo", num - sync2visible.length+2)
}else{
if(num - 1 === -1){
num = 0;
}
thumb.trigger("owl.goTo", num);
}
} else if(num === sync2visible[sync2visible.length-1]){
thumb.trigger("owl.goTo", sync2visible[1])
} else if(num === sync2visible[0]){
thumb.trigger("owl.goTo", num-1)
}
}
});
что я должен изменить, чтобы она работала с совой-каруселью 2.3.4?