#Lightgallery conditionally open update#
#Lightgallery conditionally open code#

info : exchanged lazy load preloader wih a modern one info : added an option to group images inside the lightbox with other galleries

#Lightgallery conditionally open update#

info : update to Slider Revolution 6.4.11 Version 4.9.6.6 – 26 March 2021 - NEW FEATURE : New Demo #49 Light Brooklyn info : update to Shortcode Plugin 4.9.7.7 info : update to Portfolio Plugin 4.9.2.2 info : fixed an issue with missing images in LightGallery when image resize with upscale failed (image gallery module and animated image module)

info : fixed an issue with LightGallery not applying to sidebar widget info : fixed an issue with contact section not hiding correctly in combination with content blocks info : fixed an issue with missing font option for default theme slider info : fixed an issue google fonts not displaying in Slider Revolution info : fixed an issue google fonts not displaying correctly when no default font weight was selected NEW FEATURE : New Font Responsive Options info : fixed an issue with numeric sliders missing handle in menu button settings Version 4.9.6.7 – - NEW FEATURE : New Demo #50 info : fixed an issue with numeric slider in logo widget info : fixed an issue with site logo background info : fixed an issue with missing svg icons info : fixed an issue font size not applying correctly info : fixed an issue menu top not working correctly on custom menu settings info : fixed an issue hero title custom font settings info : fixed an issue plugin check conditional info : fixed an issue with body line height wrongly calculated on fancy list item info : fixed an issue with spacings in page title module info : fixed an issue with lead color in page title module info : fixed an issue button builder range slider options not working after adding IMPROVEMENT: SERVICE COLUMN HORIZONTAL MODULE NEW FEATURE : Before and After Slider Module info : update to Google Fonts Version 4.9.7 – 09 June 2021 - NEW FEATURE : New Demo #51

info : update to Slider Revolution 6.5.8 info : fixed an issue with google maps controls info : fixed an issue header and hero overlay not animating correctly in some cases info : fixed an issue vc animations not firing in portfolio slide up new feature: added color option for single post sub titles new feature: added options to hide icons info : fixed an issue with google font weights not applying in some cases Version 4.9.7.2 – 14 September 2021 - NEW FEATURE : New Demo #52 info : fixed an issue with react carousel not sliding correctly after window resize / orientation change new feature: added options to define a mobile and tablet version of selfhosted videos Lg.Version 4.9.7.5 – 13 June 2022 - info : improved loading speed due removed php bottleneck Version 4.9.7.4 – 08 February 2022 - info : fixed an issue with responsive font Version 4.9.7.3 – 01 February 2022 - NEW FEATURE : New Demo #53 Secondly, add the following functions when initialising lightgallery: // example gallery definitionĬonst lg = document.getElementById('custom-events-demo') With this in mind, I'd accomplish this by doing two things.įirstly, add the size as a data attribute of each image: However, lightgallery makes this slightly difficult as you can't access the image clicked on from this event, but you can access it from the event lgBeforeOpen.

#Lightgallery conditionally open code#

I already created this for the photo overview page but not when clicking a photo.Īccording to the lightgallery docs, you can use the event lgAfterOpen to execute code once the gallery is opened. I want to add an element inside this part: īut not just that, the content is dynamic, so display the correct size for the correct image. How can I do this? The html of the lightgallery is only generated after the page is loaded. = 'īut now I want this purple size icon (L, XL, XX) as a label on the image when lightgallery is opened. The left part is a custom HTML caption which I linked with this attribute: data-sub-html.Įxample code of my looped code: $photomasonry. When you open an image this is what it looks like: I will show an example of what my photos page looks like: But now I want to add a label to the image itself. I've already made some custom HTML caption which works fine. I have a page that show lots of photos which can be opened with lightgallery.js