Я использую LightGallery (http://sachinchoolur.github.io/lightGallery/), Я вставил все необходимые файлы и CSS. Он работает нормально на полном экране, но я хочу включить масштабирование MouseOver над фотографиями, прежде чем открыть полный экран.
Но я не могу получить значок масштабирования с помощью события MouseOver.
![This is what I get](https://i.imgur.com/sy4CGQ0.jpg)
![This is what I want](https://i.imgur.com/tWO3Uku.jpg)
<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>