-
AuthorPosts
-
September 27, 2020 at 12:51 pm #1248773
Hallo zusammen
Ich habe schon seit einiger Zeit das Problem, dass bei Galerien bspw. Masonry aber auch 3rd Party Gallerien die Bilder entweder nicht laden oder sicht alle übereinander schieben. Ich habe hierzu auch schon etwas gefunden, dass wenn man das Browserfenster etwas grösser und wieder kleiner Zieht sich die Bilder dann korrekt anordnen aber mit den dort gegebenen Tipps bin ich nicht wirklich voran gekommen, vor allem nicht Mobile.Das Problem zeigt sich bspw. auf dieser Seite sehr gut: Link 1
Aber auch auf allen anderen Seiten findet man das Problem wenn ich eine Gallerie einbinde.Auf dieser Seite: Link 2 verwende ich testweise das Plugin “Modula”. Mit dem Plugin tritt der Fehler beim ersten laden der Page auch auf, wenn man die Seite dann neu läd nicht mehr.
Wäre super, wenn ihr hier evtl. Tipps habt.
Grüsse
Bastian- This topic was modified 4 years, 3 months ago by BastograPhy.
October 1, 2020 at 4:07 am #1249779Hey BastograPhy,
Thank you for the inquiry.
This issue usually occurs when the gallery contains a lot of images, or when the page is big that it takes quite a while to load. To prevent the gallery images from stacking up while they are loading, we could add this snippet in the functions.php file to trigger a resize event and force the gallery items to reposition until the page is fully loaded.
add_action('wp_footer', 'ava_auto_resize'); function ava_auto_resize(){ ?> <script> (function($){ var int = window.setInterval(function(){ $(window).trigger('debouncedresize resize'); }, 1000); $(window).load(function () { setTimeout(function() { clearInterval(int); }, 5000); }); })(jQuery); </script> <?php }
Best regards,
IsmaelOctober 8, 2020 at 3:18 pm #1251449Hi Ismael
Sorry for my late feedback and thanks a lot for your help. I added your code to my functions PHP but nothing changed as you can see under Link 1.
Any other options?
Kind Regards
BastianOctober 12, 2020 at 4:32 am #1252151 -
AuthorPosts
- You must be logged in to reply to this topic.