如何解决LightGallery的“缩放”图标问题

Question

我正在使用LightGallery（http://sachinchoolur.github.io/lightGallery/），已经插入了所有必需的文件和CSS。全屏可以正常工作，但是我想在全屏之前在照片上启用MouseOver缩放图标。

但是我无法通过MouseOver事件获得缩放图标。

• 这就是我得到的

• 这就是我想要的

<script type="text/javascript">
    $('#aniimated-thumbnials').lightGallery({
        thumbnail: true,
        animateThumb: true,
        showThumbByDefault: true
    });
</script>

<div id="aniimated-thumbnials" class="list-unstyled">
	<a class="jg-entry" href="img/ProductGallery/Gallery_images1.png" data-sub-html="sdsdsd">
		<img class="img-responsive" src="img/ProductGallery/Gallery_images1_thumb.png">
		<div class="">
			<img src="img/zoom.png" />
		</div>
		
	</a>
	<a class="jg-entry" href="img/ProductGallery/Gallery_images2.png" data-sub-html="sdsdsd">
		<img class="img-responsive" src="img/ProductGallery/Gallery_images2_thumb.png">
		<div class="demo-gallery-poster">
			<img src="img/zoom.png" />
		</div>
		
	</a>
 </div>

Answer 1

我遇到了相同的“问题”。实际上，lightGallery插件并不是真正的问题，因为它不是他们提供的功能。在他们的演示中，缩放图标只是他们为演示提供的功能，插件未提供该功能。

所以我必须查看他们的源代码才能做到这一点。

下面是您需要添加的CSS，请记住，您还需要将图像与new = [] seen = set() for lst in data: pairs = set(enumerate(lst)) if not (pairs & seen): new.append(lst) seen |= pairs 类放在同一DOM级别，并且都在demo-gallery-poster中。与此操作相同。

a