我有几张要用来打开图库的图片(使用lightgallery)。因此,我查阅了他们的文档,发现要使用多个实例,我必须包含lg-hash.js并为不同的画廊提供ID。这正是我所做的,但是第二个图像不起作用。它打开了灯箱,但装载机不断旋转。
我的代码:
<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
最佳答案
在我看来,好像您在JS部分但在PHP部分没有麻烦...
您能分发一个已经通过PHP解析器的版本吗? HTML将在这里有所帮助。
关于javascript - Lightgallery多个实例不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39101790/