диана1975,
потому стираите jQuery(".owl-carousel") при выборе в селекторе, обьект с таким классом исчезает со страницы |
А как сделать, чтобы активная картинка-миниатюра выделялась? При клике на кнопки да/нет активная миниатюра не выделяется
|
диана1975,
если вы убили слайдер то почему там что-то должно выделятся |
профессор, как убила? он же живой
|
диана1975,
стал немного живее, ищите куда в css пропал класс select? |
нашла не сама... спасибо за потраченное на меня время
|
подскажите, пожалуйста, что надо дописать в скрипте, чтобы при изменении количества товара и выборе цвета камня слайдер исправно работал?
ссылка код: 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> помогите доделать начатое |
эй, яваскриптовые гуру, вы куда все попрятались, невыполнимая задача?
тема закрыта, мир не без добрых людей, помогли |
Здравствуйте, не буду плодить лишние темы, вопрос по той же карусели.
Вот моя страница товара: 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> Проблема: как видео подружить с этой каруселью? Чтобы с фото прокручивалось? Заранее благодарна |
|
Часовой пояс GMT +3, время: 11:39. |