slide show with easy fancybox pro

Hi Theo, the instructions in the FAQ are to create a gallery of images in the light box. This means the light box will show back/forward arrows and allow ‘browsing’ multiple images inside the light box frame without needing to close and open it again for each image.

If you where able to make FancyBox behave that way with the free version, then the Pro extension will give you an option (on Settings > Media) to make the light box browse forward through the gallery automatically. You can set a delay of 3, 6, 9 or 12 seconds per image.

Hope that answered you question ??

Hi RavanH
Thanks for responding. Well actually i couldn’t make efb behave as a slide show. I simply don’t know how to do that. I tried several ways and searched the tutorials, but somehow i am stuck.

Beside this problem, i also noticed, that using efb with pdf and vimeo does not work. (I have a https site) For the pdf it firefox says that the content has been blocked and for vimeo links nothing happens at all.
When i tested these features on localhost (without https) it worked well.
regards
theo

Hi Theo, I noticed you posted on the Pro support forum as well. We can continue here or over there if you like.

I think it will be more clear if you can share a link to the site you are working on now. If you wish to keep it private, you can use the form on https://premium.status301.net/contact/

A general tip for https: use either https when creating the media (pdf or vimeo) links or use no protocol at all, like href="//url.to/my/file.pdf"

Hi RavanH
Thanks a lot for your care.
I just sent you the link.
PDF is fine now, that works very well.
regards
theo

OK, got it. So yes, I see the first image there is not opening in FancyBox. I do not get any errors in the browser console but I see in the source code that you are using both Autoptimize and W3TC (with source code compression?) which makes it very hard to debug. Could you switch both off for now?

Both plugins switched off.
But fancybox for simple images is working well…
I also added two links called mandala. They should open a vimeo fancybox. But the fancybox stays blank. The first mandala is with https protocol, the second without.

OK, I’ll have a look.

By the way, I don’t think script and stylesheet concatenation serves great purpose in your case. You site is served over HTTP/2 which allows for concurrent download of all included scripts and stylesheets. Combining them into one file might even make the response take longer and your site slower…

Could you try to change the URL from //vimeo.com/65451615 to //player.vimeo.com/video/65451615 ?

Ok, i will investigate this issue.
Regarding your instructions about the slide show, i did the following:
I added an image via add media (medium size, link to media file)
<a href="path to image" rel="attachment wp-att-2620"><img src="path to image" alt="description" width="300" height="300" class="alignleft size-medium wp-image-2620" /></a>
underneath i inserted a gallery:
[gallery link="file" ids="2620,2213,2200"]
The result: the navigation arrows only show for the gallery, but not for the first image.
I guess i missunderstood your instructions.

//player.vimeo.com/video/65451615 works well, thanks a lot

The result: the navigation arrows only show for the gallery, but not for the first image.
I guess i missunderstood your instructions.

Ok, in that case, you’ll need to go to Settings > Media and set the option “Auto-gallery” to “All images”.

Thanks for the instructions:
I changed: images > apply to > all image links
and: gallery > autogallery > all in one gallery
this works, but it shuffles through all images on the page.
Ok, i can exclude the ones i don’t want.
Anyway, thanks a lot for your care.
It’s a super plugin.
All the best to you.
regards
theo

this works, but it shuffles through all images on the page.

There is another option in the Pro version: set Autogallery to “Galleries per section” and then set in the Section(s) field below it something like “div.fancybox-gallery”

Next, editing a page the Text tab, wrap everything that belongs to one gallery (the single image plus the gallery shortcode) in a div with class “fancybox-gallery”. It would look like:

<div class="fancybox-gallery">
<a href="..."><img src="..." alt="..." /></a>
<div class="fancybox-hidden">
[galllery link="file" ids="..."]
</div>
</div>

That way, you can place different galleries on one page and you don’t need to exclude any other images.

I see in the source code that you are using both Autoptimize and W3TC (with source code compression?) which makes it very hard to debug. Could you switch both off for now?

Hi RavanH;
for future reference, you can disable AO on a per-request basis by adding ?ao_noptimize=1 to the URL.

frank (ao dev)

Hi RavanH
Thanks for the hint with ?fancybox-gallery?.
This is a very elegant solution.
I like it a lot.
Thanks again for your help.
regards
theo