Здравствуйте, делаю карточку товара, в которой для картинок использую слайдер, а к слайдеру пытаюсь еще зум подключить, но уже несколько часов все безуспешно.
Html карты товара генерируется из js и выглядит следующим образом:
out+='<div class="col-lg-12 single">';
out+='<div class="col-lg-5 prod-slides">';
out+='<div id="sync1" class="owl-carousel owl-theme">';
out+='<div class="item">';
out+=`<img class="Zoom" src="pages/orderPage/goods/${pack.img}">`;
out+='</div>';
out+='<div class="item">';
out+=`<img class="Zoom" src="pages/orderPage/goods/${pack.img}" >`;
out+='</div>';
out+='<div class="item">';
out+=`<img class="Zoom" src="pages/orderPage/goods/${pack.img}" >`;
out+='</div>';
out+='</div>';
out+='<div id="sync2" class="owl-carousel owl-theme">';
out+='<div class="item">';
out+=`<img src="pages/orderPage/goods/${pack.img}">`;
out+='</div>';
out+='<div class="item">';
out+=`<img src="pages/orderPage/goods/${pack.img}">`;
out+='</div>';
out+='<div class="item">';
out+=`<img src="pages/orderPage/goods/${pack.img}">`;
out+='</div>';
out+='</div>';
out+='</div>';
$.getScript("pages/productPage/js/slider.js"); //скрипт, связывающий для слайдера
У меня по сути два связанных слайдера, но зум должен применяться к слайдеру с картинками класса Zoom.
По документации плагина нужно только подключить библиотеку и скрипт инициализации, что я и сделал.
<script src="zoom/jquery.zoom.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
$('.Zoom').zoom();
});
</script>
Подскажите, пожалуйста, в чем может быть проблема
