Tagged: gallery, Lazy Load, Lightbox, overlay, prettyphoto
-
AuthorPosts
-
November 17, 2015 at 4:36 pm #537391
Hi guys,
I want to get rid of the “lazy load” of the masonry galleries and the hover overlay for image links.
I searched through the forums, but could only find solutions to hide the effects via CSS.
But I want them to not get loaded/triggered in the first place…And here’s the tricky part: I’m working with a child theme and a couple of site specific plugins. So It’d be great if you had some cool hook defined to disable these kind of stuff…. or any other way that doesn’t include touching the Enfold parent/core files.
Also: I’m building a little gallery programmatically with rel=”prettyPhoto”. So far it works like a charm, but in the lightbox, the gallery gets merged with another one (inserted via standard WP gallery in post editor). I tried including some different gallery index in brackets after the prettyPhoto (i.e. rel=”prettyPhoto[anothergal]”). Usually that should work with prettyPhoto, but it doesn’t. Any ideas how to accomplish this, too?
Thanks so much in advance,
KarstenNovember 17, 2015 at 5:00 pm #537417Hey daeumling!
It looks like lazyload but it’s just a CSS animation. See here for removing it, https://kriesi.at/support/topic/disable-animation/.
For the lightbox popups surround your links with this.
<div class = "single_group"> </div>
And they should be separated from the regular galleries.
Regards,
ElliottNovember 17, 2015 at 5:21 pm #537449Hi Elliott,
thanks for the fast reply :)
I tried that CSS already and it removed the animation. However, the gallery did not load with the page, but only after I scrolled a little up and down… it was above the fold and I got the feeling that it waited for a trigger (which probably usually comes when the gal reaches the bottom edge of the viewport), but because it was already inside the visible area, the trigger nevr came and the gallery stayed hidden.
But then again… I implemented it via do_shortcode, so maybe there’s the culprid. Gonna play around with that later.Regarding the lightbox gallery: Unfortunately that div did not work. I tried wrapping each image link and the whole gallery, but both times it got merged with another gallery. You can check it out yourself, for example here: https://www.rawexchange.de/produkt/city-series-venice-3/ (under the “Beispiele” tab).
Oh and the overlay: I disabled it via CSS already, but the Javascript of course still adds the span inside the
<a>
AND (and that’s what annoys me like hell) assigns styles (display:block, position:relative and overflow:hidden) to the<a>
whenever I hover over it. If there’s a way to turn that off, I’d be always in your debt ;)Thanks,
Karsten- This reply was modified 9 years ago by daeumling.
November 19, 2015 at 3:18 pm #539049Hi!
can you provide us admin access please? so we can take a deeper look into it. Post login details here as private reply.
Cheers!
Andy -
AuthorPosts
- You must be logged in to reply to this topic.