Fancybox for use on Slideshows?

Hi, is that the slideshow on the homepage under the header and menu? Those images are linked to posts, so they will not open in a light box. If they were linked to an image, then they would probably open in the light box. But it depends on the slider…

Slider on the homepage is linked to the posts, which is should be and is built in with the theme.

Sliders using Slideshow CK plugin will not open in the Easy Fancybox lightbox.

example History Of The Pontiac GTO

Slideshow is using “Slideshow CK” plugin.

I had to use a different plugin to work with this slidewhow, “Mediabox CK”.

But yet on this site Geppetto’s Skate Shop Products , the Easy Fancybox works on this slideshow, which is also using the “Slideshow CK” plugin.

Would like to not have to use 2 different lightbox plugins. If I can get Easy Fancybox to work on the slideshows on the markquitterracing.com website, I wouldn’t need to use the Mediabox CK plugin.

Both sites using almost identical plugins, and I developed them both. Easy Fancy Boc works on slideshows on one website, and not the other.

Any ideas, help or suggestions appreciated. Thank you.

There are many script errors occurring on that site. Please start with disabling Autoptimize so I can better see where the errors are coming from (if not Autoptimize itself)

• This reply was modified 5 years, 2 months ago by Rolf Allard van Hagen.

Excluding the JS (or CSS) from AO optimization should work, see the AO FAQ for more info on how to troubleshoot/ exclude ??

frank (ao dev)

Thank you Optimizing Matters, and Ravan H. I will look into it on the script errors. Installed AO to get better pagespeed scores. Was around a low “C” grade on GTMetrix. Installed AO and it brought me to a solid “B” grade.

Only script error I am seeing is “jquery-migrate.js?time=1569280968:45 JQMIGRATE: jQuery.browser is deprecated”

De-activated AO……for now.

Well, you would try to identify what is breaking Fancybox for you by just disabling CSS or JS or Image optimization (incl. lazyload). Once you know that, dive in and try identify what code/ files (CSS or JS) are responsible for the broken feature and try excluding that.

hope this helps,
frank

About FancyBox not detecting these slider images: it appears the slider is created after the DOM has loaded (in fact, even after all content has loaded) which means FancyBox will not be aware of these media links.

As far as I can tell, the slider script has a parameter “onLoaded” which could be used to bind FancyBox. But I’m not sure if the plugin as the option to set this parameter… If it does, try:

function(){jQuery(document).trigger('post-load')}

• This reply was modified 5 years, 2 months ago by Rolf Allard van Hagen.

Appreciate the response RavanH. Still working on it. Fancybox is working with all my gallery pics and various photos throughout the website. For the Slideshow images I will just keep using “Mediabox CK” until I can figure out why FancyBox isn’t doing it all. Would rather have just 1 lightbox plugin, but it seems to be working for me using 2 different plugins, 1 for slideshows, and 1 for everything else.

Im as confused as you guys are. lol. Will figure it out eventually.

I guess it’d interesting to find out why on https://geppettosskateshop.com/john-wilson-blades/ it does work… I see no special added code to make FancyBox scan for new media links so it must be something else.

I do notice one difference: even though the “lightbox” option in the slider seems to be turned on, the Media CK plugin script is not present. Is that plugin not activated on that site maybe? Then try deactivating it from your second site as well ??

Tried that. Didn’t work ??

Still baffled why Easy FancyBox won’t open images from a slideshow plugin. The answer/solution will present itself, eventually. ??