Gallery is loeaded but images are not showing

Hi @smit_ralph

I had a look at your page, and it seems that the foogallery javascript is not being included on the page. It seems that the gallery is being loaded by an ajax call, which means that the page is not enqueuing the script on the page.

Can you try to add this custom code to your theme’s function.php file:

function force_load_foogallery($hook) {
    foogallery_enqueue_core_gallery_template_script();
    foogallery_enqueue_core_gallery_template_style();
}
add_action('wp_enqueue_scripts', 'force_load_foogallery');

Thx for your quick reply. What you describe is exactly the problem, because of the ajazx call. I have tried your solution, and the gallery is loaded now (great!), but only some of the images show, some of the time. You can check this yourself by clicking on different project on the left side of the page.

I tried moving this snippet to the start of my child theme’s functions.php file (instead of the end), but that has no effect. I do think it’s something in the order of execution?

Any ideas? Yhx!

Hey @smit_ralph

I can see what you mean.

@steveush, please have a look at the page. Click on the first image top left, then the right pane loads. If you scroll down to the gallery, you will see that it does not load, almost like it thinks it has not scrolled into view

Advancing your collegue’s reply, would this mean that there is a lazy loading kind of fucntion we could disable?

There is a setting to disable lazy loading under the advanced tab, but I am not sure that will work. Test is out and let me know

Well, that does seem to do the trick…..

Ok great.