LazyloadImages = document.querySelectorAll(". I tried with addEventListener so when the light box opens at that time we can call lazyload function but no success. Below is the CSS you need to add, and remember that you also need to have your image in the same DOM level as your demo-gallery-poster class, both inside an a. ![]() So I had to look at their source code to be able to do this. ![]() With this option, your source code is kept proprietary. In their demo, zoom icon is just a feature they've put together for the demo and is not offered WITH the plugin. License Commercial license If you want to use lightGallery to develop commercial sites, themes, projects, and applications, the Commercial license is the appropriate license. But if you want tranditional fixed size gallery you can specify width and hight by passing values to width height settings. lightGallery supports all major browsers including IE 10 and above. The result should be like when I open the light box then the thumbnails of the light box should be loaded with the actual image. By default lightgallery opens in a fullscreen window. Modular architecture with built in plugins. Available for React.js, Angular, Vue.js, and typescript. Find out the best CDN to use with lightgallery 1.2.21 or use multiple CDN as fallback. ![]() I had added loader before load the actual image, it works for normal images but when I open the light box thumb should have actual images but still showing that loader.gif. lightGallery is a customizable, modular, responsive, lightbox gallery plugin. 1 CDN to use with LIGHTGALLERY (sachinchoolur/lightGallery) 1.2.21.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |