Foobox Lightbox Not Working With Foo Gallery

I had the same problems here but found a poor solution.
After importing the galleries and albums from ngg, i had to open each gallery settings separately, choose the already chosen foobox again and saved the update.
After refreshing the galleries at the front end it works for me.
I hope it helps you too.

Just tried your suggestion but it didn’t work for me unfortunately.
Please any more suggestions?

Looking at your page you have 2 problems:

1) The gallery has not been set to use FooBox lightbox. You can tell by looking at the class on the gallery container div. There is currently a class of “foogallery-lightbox-unknown”. It should be a class of “foogallery-lightbox-foobox-free”. You need to edit the gallery, choose FooBox Free from the lightbox dropdown and save your gallery. You also then need to clear your site cache.

2) There are dozens of javascript errors on your page, which will result in FooBox being halted from loading. Opening your page in dev tools shows all these errors. This could be caused by the fact that there are multiple versions of jQuery being loaded in the page. One from the local WP includes folder, and another from cdnjs.cloudfare.com. You need to figure out which plugin/theme is loading this extra version of jQuery and stop that

Thank you for alerting me to the javascript errors on my page. I was able to discover that the multiple errors were caused by the gallery features of the jetpack plugin I activated. I’ve disabled them all now and most of the errors are gone. Also, the source code now reads “foogallery-lightbox-foobox-free” instead of “foogallery-lightbox-unknown”.

However, all these measures have not solved the problem.

Concerning Cloudflare, I purged the whole cache because I felt it still contained elements of the old theme I used. I also cleared the cache from WordPress backend multiple times and still no change.

Using Google Chrome’s Dev Tools, I found this error:

Uncaught TypeError: $(...).foobox is not a function inline-13d54e0a176.js:11

What does it mean?

I also debugged Foobox Free, and this is the info:

DebugFooBot Says...Upgrade to PRO!
Debug Information
Javascript:
/* Run FooBox FREE (v1.0.7) */
(function( FOOBOX, $, undefined ) {
  FOOBOX.o = {wordpress: { enabled: true },
		captions: { onlyShowOnHover: true },
		excludes:'.fbx-link,.nofoobox,.nolightbox,a[href*="pinterest.com/pin/create/button/"]',
		affiliate : { enabled: true, url: 'https://fooplugins.com/plugins/foobox/?utm_source=fooboxfreeplugin&utm_medium=fooboxfreeprolink&utm_campaign=foobox_free_pro_tab' },
		error: "Could not load the item"};
  FOOBOX.init = function() {
    $(".fbx-link").removeClass("fbx-link");
    $(".fbx-link").unbind(".prettyphoto").unbind(".fb");
    $(".foobox,
	.demo-gallery,.bad-image,
	.gallery,
	.foogallery-container.foogallery-lightbox-foobox,
	.foogallery-container.foogallery-lightbox-foobox-free").foobox(FOOBOX.o);
  };
}( window.FOOBOX = window.FOOBOX || {}, jQuery ));

FooBox.ready(function() {
  //preload the foobox font
  jQuery("body").append("<span style=\"font-family:'foobox'; color:transparent; position:absolute; top:-1000em;\">f</span>");
  FOOBOX.init();

});

Is there any error the info is showing?

you are loading 2 versions of jQuery…

in the head:

<script type="text/rocketscript" data-rocketsrc="https://www.entmania.com/wp-includes/js/jquery/jquery.js?ver=1.11.3" data-rocketoptimized="true"></script>

in the foot:

<script type="text/rocketscript" data-rocketsrc="https://www.entmania.com/wp-content/plugins/wordpress30/js/jquery.js" data-rocketoptimized="true"></script>

That is causing the javascript error. I am not sure what plugin wordpress30 is but I think you should deactivate that to get rid of this duplication

Oh ok … now I don’t have any ‘wordpress30’ plugin. I’ll definitely check it out.

Wow. Just discovered that the problem was caused by the Infolinks plugin I installed. Deactivating it solved the problem.

Thank you for everything! This experience just taught me some much-needed lesson about javascript.

One more thing …

There is still this weird issue: In some of my galleries everything is working fine, and in others not.

For example this page is not working as it should:

https://www.entmania.com/2014/09/14/amy-winehouse-honored-life-sized-statue-london-pics/

All caches and offending plugins have been cleared.

Now is that normal?

I had a look at your page : https://www.entmania.com/2014/09/14/amy-winehouse-honored-life-sized-statue-london-pics/

The gallery seems to be working fine – when clicking on a thumb it opens in foobox. Please explain in a bit more detail what is not working for you?

I don’t know how else to explain it … it just keeps happening on my end.
Here is another example:

https://www.entmania.com/2012/12/14/breaking-multiple-deaths-gunman-killed-in-sandy-hook-elementary-school-shooting/

I think it has to do with the embedded YouTube videos, but I’m not sure.

Never mind, just noticed that the problem was with the images themselves.
Thank you very much for your help.