GeoDirectory lazy loads listing images: each image loads when it comes into view. The GD > Post Images block does this when its “Load via Ajax” setting is on, which it is in the default archive item template. The check skips hidden images. When listings sit in a tab, accordion or slider that is closed when the page loads, their images wait until the page next scrolls or resizes.<\/p>\n\n\n\n
There are two ways to fix it.<\/p>\n\n\n\n
GeoDirectory looks for images to load whenever the window receives a The selector covers Divi’s Tabs module and standard Bootstrap tabs. For other builders, replace it with the class of the tab buttons on your page.<\/p>\n\n\n\n Edit the template that prints the images, usually the Archive item page set at GeoDirectory > Settings > General > Pages. Select the GD > Post Images block and untick “Load via Ajax” in its advanced settings. The images then load with the page. That is slower on long lists, but they never wait for a scroll.<\/p>\n\n\n\nlookup<\/code> event, and it fires that event for its own tabs. For tabs from your theme or page builder, fire the same event when a tab is clicked. Add this with the Code Snippets plugin<\/a> or your child theme’s functions.php:<\/p>\n\n\n\nadd_action( 'wp_footer', 'my_gd_lazy_load_in_tabs', 100 );\nfunction my_gd_lazy_load_in_tabs() {\n\t?>\n\t<script>\n\tjQuery(function($) {\n\t\t\/\/ Change the selector to match the tab buttons on your page.\n\t\t$(document).on('click', '.et_pb_tabs_controls li, [data-toggle="tab"], [data-bs-toggle="tab"]', function() {\n\t\t\tsetTimeout(function() {\n\t\t\t\t$(window).trigger('lookup');\n\t\t\t}, 150);\n\t\t});\n\t});\n\t<\/script>\n\t<?php\n}<\/code><\/pre>\n\n\n\nTurn off lazy loading for those images<\/h2>\n\n\n\n