试图将Xzoom添加到Lightslider中。不起作用

Question

我有一个使用Lightslider的画廊，我试图为图像放大添加XZoom，我添加了xorigial路径，即“ xzoom”类”，但在正常情况下使用此类和路径时，它仍然不起作用图像，它可以正常工作，但在我的滑行器中不起作用

zOOM应该看起来像这样https://codepen.io/Ishwar/pen/mgjBOg

我在我的画廊代码下方附加了

<ul id="light-slider" class="image-gallery lightSlider lsGrab lSSlide" style="width: 2950px; transform: translate3d(-1770px, 0px, 0px); height: 435px; padding-bottom: 0%;"><li data-thumb="/wp-content/uploads/2019/10/CALIFORNIA-FAKE-ID-NEW-2-e1547755223686.jpg" class="clone left" style="width: 580px; margin-right: 10px;">
   <a href="/wp-content/uploads/2019/10/CALIFORNIA-FAKE-ID-NEW-2-e1547755223686.jpg" data-width="494" data-height="307"><img class="xzoom" src="/wp-content/uploads/2019/10/CALIFORNIA-FAKE-ID-NEW-2-e1547755223686.jpg" xoriginal="/wp-content/uploads/2019/10/CALIFORNIA-FAKE-ID-NEW-2-e1547755223686.jpg" style="width: 494px;"> </a>  
          </li>


            <li data-thumb="/wp-content/uploads/2019/10/CALIFORNIA-ANGLE-MIDDLE.jpg" class="lslide" style="width: 580px; margin-right: 10px;">
   <a href="/wp-content/uploads/2019/10/CALIFORNIA-ANGLE-MIDDLE.jpg" data-width="1024" data-height="768"><img class="xzoom" src="/wp-content/uploads/2019/10/CALIFORNIA-ANGLE-MIDDLE.jpg" xoriginal="/wp-content/uploads/2019/10/CALIFORNIA-ANGLE-MIDDLE.jpg"> </a>  
          </li>


            <li data-thumb="/wp-content/uploads/2019/10/CA-BACK-SIGNATURE.jpg" class="lslide" style="width: 580px; margin-right: 10px;">
   <a href="/wp-content/uploads/2019/10/CA-BACK-SIGNATURE.jpg" data-width="1024" data-height="768"><img class="xzoom" src="/wp-content/uploads/2019/10/CA-BACK-SIGNATURE.jpg" xoriginal="/wp-content/uploads/2019/10/CA-BACK-SIGNATURE.jpg"> </a>  
          </li>


            <li data-thumb="/wp-content/uploads/2019/10/CALIFORNIA-FAKE-ID-NEW-2-e1547755223686.jpg" class="lslide active" style="width: 580px; margin-right: 10px;">
   <a href="/wp-content/uploads/2019/10/CALIFORNIA-FAKE-ID-NEW-2-e1547755223686.jpg" data-width="494" data-height="307"><img class="xzoom" src="/wp-content/uploads/2019/10/CALIFORNIA-FAKE-ID-NEW-2-e1547755223686.jpg" xoriginal="/wp-content/uploads/2019/10/CALIFORNIA-FAKE-ID-NEW-2-e1547755223686.jpg"> </a>  
          </li>

                <li data-thumb="/wp-content/uploads/2019/10/CALIFORNIA-ANGLE-MIDDLE.jpg" class="clone right" style="width: 580px; margin-right: 10px;">
   <a href="/wp-content/uploads/2019/10/CALIFORNIA-ANGLE-MIDDLE.jpg" data-width="1024" data-height="768"><img class="xzoom" src="/wp-content/uploads/2019/10/CALIFORNIA-ANGLE-MIDDLE.jpg" xoriginal="/wp-content/uploads/2019/10/CALIFORNIA-ANGLE-MIDDLE.jpg"> </a>  
          </li></ul>