sachinchoolur/lg-thumbnail.js

Thumbnail module for lightgallery.

lg-thumbnail.js's Issues

Problem with clicking thumbnails

Seeing some odd behaviour when clicking the thumbnail images in the large view.

You can see this behaviour on the demo at https://sachinchoolur.github.io/lightgallery.js/demos/

Click on an image to get to the large view.

If you hover your mouse over the image, the image is highlighted with a red border, but if you click it (with a mouse) nothing happens.

I have a touchscreen (PC Windows 10) and if I touch a thumbnail, it loads as expected. I can click any image. Furthermore, once I've touched an thumbnail, clicking with the mouse now works as expected.

The issue only shows when first trying to click with a mouse.

problem with photo

hey guys
I've been using of your gallery for 2 years and last night I did it but the photo doesn't show up
when I click on the next icon
It show me the photo but it fade out

I've called these:
`
<script src="https://cdn.rawgit.com/sachinchoolur/lightgallery.js/master/dist/js/lightgallery.js"></script>

        <script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/1.6.11/js/lightgallery-all.min.js"></script>`

and this is my html :
<div class="row d-flex justify-content-center col-11 flex-column flex-lg-row flex-xl-row flex-md-row align-items-center justify-content-center" id="lightgallery"> <a href="@ROOTURL;uploadedFiles/OtherPages/OtherPages/media/images/photo_2018-06-01_22-01-47.jpg" class="mb-4 mb-lg-0 mb-xl-0 mb-md-0 ml-0 ml-lg-5 ml-xl-5 ml-md-5 col-10 col-lg-3 col-xl-3 col-md-3 d-flex justify-content-center align-items-center WhiteCard" style="height: 230px;"> <img class="effectImages col-12" src="@ROOTURL;uploadedFiles/OtherPages/OtherPages/media/images/photo_2018-06-01_22-01-47.jpg" style="height: 200px;padding:0px;"> </a> <a href="@ROOTURL;uploadedFiles/OtherPages/OtherPages/media/images/photo_2018-06-01_22-01-47.jpg" class="mb-4 mb-lg-0 mb-xl-0 mb-md-0 ml-0 ml-lg-5 ml-xl-5 ml-md-5 col-10 col-lg-3 col-xl-3 col-md-3 d-flex justify-content-center align-items-center WhiteCard" style="height: 230px;"> <img class="effectImages col-12" src="@ROOTURL;uploadedFiles/OtherPages/OtherPages/media/images/photo_2018-06-01_22-01-47.jpg" style="height: 200px;padding:0px;"> </a> <a href="@ROOTURL;uploadedFiles/OtherPages/OtherPages/media/images/photo_2018-06-01_22-01-47.jpg" class="mb-4 mb-lg-0 mb-xl-0 mb-md-0 ml-0 ml-lg-5 ml-xl-5 ml-md-5 col-10 col-lg-3 col-xl-3 col-md-3 d-flex justify-content-center align-items-center WhiteCard" style="height: 230px;"> <img class="effectImages col-12" src="@ROOTURL;uploadedFiles/OtherPages/OtherPages/media/images/photo_2018-06-01_22-01-47.jpg" style="height: 200px;padding:0px;"> </a> </div>

lightGallery(document.getElementById('lightgallery'));

Uncaught TypeError: Cannot set property 'thumbnail' of undefined

lightGallery work fine! but when load lg-thumbnail.js i have this error.

Uncaught TypeError: Cannot set property 'thumbnail' of undefined
at the end of script:
window.lgModules.thumbnail = Thumbnail;

I think because i work in an angular js application, but lightGallery and fullscreen plugin work without problem.

I don't know if you can help. Thank you.

Cannot read property 'removeChild' of null

If I setup like this

lightGallery(document.getElementById('lightgallery'), { 
      thumbnail: true
    });

and then call the method by hitting a button ( for reloading the data) :

window.lgData[document.getElementById('lightgallery').getAttribute('lg-uid')].destroy(false);

It will throw the error Cannot read property 'removeChild' of null