owl carousel 2

[рони]

диана1975,
потому стираите jQuery(".owl-carousel") при выборе в селекторе, обьект с таким классом исчезает со страницы

[диана1975]

А как сделать, чтобы активная картинка-миниатюра выделялась? При клике на кнопки да/нет активная миниатюра не выделяется

[рони]

диана1975,
если вы убили слайдер то почему там что-то должно выделятся

[диана1975]

профессор, как убила? он же живой

[рони]

диана1975,
стал немного живее, ищите куда в css пропал класс select?

[диана1975]

нашла не сама... спасибо за потраченное на меня время

[диана1975]

подскажите, пожалуйста, что надо дописать в скрипте, чтобы при изменении количества товара и выборе цвета камня слайдер исправно работал?
ссылка

код:

function owlForDiana(){

jQuery("#list_product_image_middle a.lightbox").wrapAll("<div class='owl-carousel owl-image-middle'></div>");
var owl = jQuery(".jshop.productfull .owl-carousel.owl-image-middle");
   owl.owlCarousel({
        loop: true,
        dots: true,
        margin: 0,
        nav: true,
        navText: ["<", ">"],
        items: 1
    });
	
    owl.on("changed.owl.carousel", function(event) {
        jQuery(".jshop_img_thumb").removeClass("select").eq(event.page.index).addClass("select");
		jQuery(".owl-item.active a").css("display","block");
    });
	owl.on("translated.owl.carousel", function(event) {
       	jQuery(".owl-item.active a").css("display","block");
    });
    jQuery(".jshop_img_thumb").removeAttr("onclick").off().each(function(i, el) {
        jQuery(el).click(function(event) {
            event.preventDefault();
            owl.trigger("to.owl.carousel", [i,length]);
        });
    }).first().addClass("select");
	
}
jQuery(function(){
jQuery(document).ajaxComplete(function(event, xhr, settings){
if (settings.url.indexOf('ajax_attrib_select_and_price')!==-1){
owlForDiana();
}
});	
owlForDiana();
});
</script>

помогите доделать начатое

[диана1975]

эй, яваскриптовые гуру, вы куда все попрятались, невыполнимая задача?
тема закрыта, мир не без добрых людей, помогли

[диана1975]

Здравствуйте, не буду плодить лишние темы, вопрос по той же карусели.
Вот моя страница товара:
http://adellin.ru/zoloto/koltso-iz-b...-roberto-bravo

Это скрипт карусели:

<script type="text/javascript">


function owlForDiana(){
<!--jQuery(".text_zoom").remove();-->
jQuery("#list_product_image_middle a.lightbox").wrapAll("<div class='owl-carousel owl-image-middle'></div>");
var owl = jQuery(".jshop.productfull .owl-carousel.owl-image-middle");
   owl.owlCarousel({
        loop: length > 1 ? true:false,
        dots: true,
        margin: 0,
        nav: true,
        navText: ["<", ">"],
        items: 1
    });
	
    owl.on("changed.owl.carousel", function(event) {
        jQuery(".jshop_img_thumb").removeClass("select").eq(event.page.index).addClass("select");
		jQuery(".owl-item.active a").css("display","block");
		hideVideo(); 
    });
	owl.on("translated.owl.carousel", function(event) {
       	jQuery(".owl-item.active a").css("display","block");
    });
    jQuery(".jshop_img_thumb").removeAttr("onclick").off().each(function(i, el) {
        jQuery(el).click(function(event) {
            event.preventDefault();
            owl.trigger("to.owl.carousel", [i,1000]);
        });
    }).first().addClass("select");
}
jQuery(function(){
jQuery(document).ajaxComplete(function(event, xhr, settings){
if (settings.url.indexOf('ajax_attrib_select_and_price')!==-1){
owlForDiana();
}
});	
owlForDiana();
});



</script>

Проблема: как видео подружить с этой каруселью? Чтобы с фото прокручивалось?
Заранее благодарна

[рони]

диана1975,
тут смотрели?
https://owlcarousel2.github.io/OwlCa...mos/video.html