Попытка добавить 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>