It comes with gesture support like pinch for zooming and swipe for navigation. The gallery is fully responsive and highly optimized for touch devices. It also does not have any third-party dependencies to bloat its file size. For example, somewhere around line 1135 in lightgallery.js. The lightGallery plugin is a lightweight, JavaScript-based photo and video lightbox gallery plugin. Alerts placed in any of the $(window).on('mouse.') events don't fire when the mouse is clicked. Specifically, in the code, when lg thinks touch is True, the mouse events don't seem to be triggering. You have to tap another play button that displays when the YouTube video is loaded. The video loads when you tap the play button on the poster, but the video doesn't start to play. I also tested Chrome on a touch only smartphone (LG V10) and the lg Demo almost works. So thank you, that's very useful information. On a device with both touch and mouse, either should work. The mouse does not work to click on the Play button on the video poster. You've made it clear that this is the most elegant way to unclutter the row of options AND not bloat the code with what it doesn't need. The lg YouTube Demo will only work by touching. On a device with both touch and mouse, either should work. I will therefore unlink lightgallery-all.js and manually link the individual modules, at your suggestion. The lg YouTube Demo will only work by touching. The "show-stopping" problem is that I can't require all my page visitors to set their Chrome flag to make my site work.Īdditionally, I have another Win10 laptop running Chrome that does have touch capability along with mouse usage. If I change the flag in Chrome to "disable", the LightGallery Demo and my website both work fine. I have a standard laptop with no touch screen however, Chrome reports touchscreen is True. By default it is set to "Automatic." There are also "Disabled" and "Enabled" options. More features: 20+ transition animations. The Vanilla JavaScript Version is available here. There is a flag in Chrome under chrome://flags for Enable Touch Events. light Gallery is a lightweight, elegant, responsive, mobile-friendly jQuery JavaScript plugin for displaying an image/ video gallery in a fullscreen lightbox with CSS3 transition effects. Chrome is not correctly detecting touch screen devices under Windows 10.
0 Comments
Leave a Reply. |