@No_name404

Почему не срабатывает плагин jQuery Zoom?

Здравствуйте, делаю карточку товара, в которой для картинок использую слайдер, а к слайдеру пытаюсь еще зум подключить, но уже несколько часов все безуспешно.
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>

Подскажите, пожалуйста, в чем может быть проблема
  • Вопрос задан
  • 122 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы