Lightgallery несколько экземпляров не работает

Question

У меня есть несколько изображений, которые я хочу открыть в галерее (используя lightgallery). Поэтому я просмотрел их документацию и выяснил, что для использования нескольких экземпляров я должен включать lg-hash.js и давать идентификаторы для разных галерей. Это именно то, что я сделал, но второе изображение не работает. Он открывает лайтбокс, но загрузчик просто бесконечно вращается.

Мой код:

<div id="hash"> 
    <a href="'.$fbimage.'"> 
     <img style="max-width:250px;" src="'.$fbimage.'"> 
    </a> 
</div> 
<div id="hash1"> 
    <a href="'.$block_image->{'image_intro'}.'"> 
     <img style="max-width:100%;" src="'.$block_image->{'image_intro'}.'"> 
    </a> 
<div> 

И JS часть:

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#hash").lightGallery({ 
     hash: true, 
     galleryId: 1 
    }); 
    $('#hash1').lightGallery({ 
     hash: true, 
     galleryId: 2 
    }); 
}); 
</script> 

Первый работает как надо, но второе изображение не загружается, и я не могу закрыть lightgallery на втором.

Что происходит не так? Here is a link to their documentation

Answer 1

Мне кажется, как будто у вас нет проблем с частью JS, но с частью PHP ... Не могли бы вы передать версию, которая уже прошла PHP-парсер? HTML будет полезен здесь.