Elevate Zoom не работает для изображения внутри загрузочной карусели - PullRequest
Новая
       26

Elevate Zoom не работает для изображения внутри загрузочной карусели

0 голосов
/ 12 февраля 2019

Если я использую elevatezoom для любого изображения напрямую, как показано ниже: оно будет работать. 

<div class="col-md-6">
    <img class="zImage img-fluid" src="http://localhost/project/public/uploads/images/i4.jpg" alt="">
</div>

$('.zImage ').elevateZoom();

Однако, если я пытаюсь реализовать ту же логику внутри загрузочной карусели, она не работает и не выдает никакой ошибки.. 

<div class="carousel-inner zoomImage">
  <div class="carousel-item active">
    <img class="d-block w-100 img-responsive" src="http://localhost/project/public/uploads/images/i4.jpg" alt="i4.jpg">
  </div>
  <div class="carousel-item ">
    <img class="d-block w-100 img-responsive" src="http://localhost/project/public/uploads/images/fff.png" alt="fff.png">
  </div>
  <div class="carousel-item ">
    <img class="d-block w-100 img-responsive" src="http://localhost/project/public/uploads/images/r4.jpg" alt="r4.jpg">
  </div>
</div>

$('.zoomImage .active img').elevateZoom(); 

// this also doesn't work:
$('img').elevateZoom();

Как это исправить?

...