I recently chose to convert my images to the AVIF format (with a fall back to jpeg for some browsers), but FancyBox for WP does not seem to support it? Link to this image format does not seem to be recognized an a legit image? It doesn’t display a FancyBox for these images.

Hi,

I was wondering if it’s possible to adjust the duration of the slides in a gallery. I have search for it in the settings but I could not find it. Also the forums does seems to give results on this.

Kind regards,

Jeroen Peters

When using FancyBox for WordPress for a WP-post:

1) Click an image to open in lightbox
2) Click the image in lightbox to zoom in the image
3) Pan an image by holding down a mouse click
4) Release the mouse click

On step 4 you will notice the image auto zooms out. This is because letting go of a pan counts as a click on the image; hence it zooms out. If you pan (long click) and bring the cursor to the OS menu bar (outside browser viewport) the image pans and doesn’t auto zoom out. We need to have a way so that a long click release doesn’t auto zoom out.

FancyBox for WordPress is undoubtedly one of the best image plugins for WordPress. Not only does it not affect page load times but has just the right bells and whistles.

Dear FancyBox Support Team,

I hope this message finds you well. I am reaching out to report an accessibility issue encountered while using FancyBox for WordPress. Below are the details of the problem:

The <div id=”fancybox-wrap” role=”dialog” aria-hidden=”true” aria-labelledby=”fancybox-title” tabindex=”-1″> element in the FancyBox overlay contains ARIA attributes (aria-labelledby), but the referenced target for the label does not exist.

This inconsistency can lead to accessibility barriers for users who rely on screen readers or other assistive technologies.
To address this issue effectively, I suggest ensuring that the element referenced in the aria-labelledby attribute value exists within the page and provides a proper label or description.

Steps to reproduce the issue:

Trigger the FancyBox overlay.
Inspect the relevant HTML elements.
Note the absence of the referenced target for the ARIA label in the line of code mentioned above.

The issue is flagged by https://wave.webaim.org/ on our website https://www.arbeitslosenselbsthilfe.org/

Looking forward for you kind reply,

Roman

• This topic was modified 6 months, 3 weeks ago by Roman.

hi, we use FancyBox Classic: Dailymotion version, is it possible to hide or disable title outside in mobile?

• This topic was modified 6 months, 3 weeks ago by spielo.
• This topic was modified 6 months, 3 weeks ago by spielo.

If you choose ?Make a gallery for each gutenberg gallery block? in the settings, fancybox stops working. No Lightbox will open anymore.
Since WordPress 6.3.4

Hello

I am designing an art gallery website (WordPress 6.4.2, TwentyTwentyThree theme). The website is not online yet.

I installed Fancybox for WordPress plugin (version 3.3.3), created a page with a gallery and set a title inside each picture; when I click on a picture, a popup overlay opens showing the same picture in bigger size and having the caption inside with the same text of the title (important: the popup overlay is a part of a slideshow).

I wish to show extra text in the caption when a popup is opened; i.e., if a picture in the gallery shows a sculpture with the following text inside:

Sculpture name: The Big Blue

when clicking, the caption inside the popup overlay should be:

Sculpture name: The Big Blue
Year: 2023
Author: John Smith
etc.

I thought to put some javascript code (jQuery) to hide and show the extra text, by Insert Headers and Footers plugin or using Child Theme.

Thanks to everybody could give me an helpful hint or support or another useful suggestion.

This issue appears in multiple themes we support. Here’s a plain vanilla page with the plugin configured.

Test Issue with FancyBox for WordPress

When the linked image is clicked, the PDF appears incorrectly in a very small lightbox.

trying to load an iframe in the fancy box results in the error:

“the requested content cannot be loaded. please try again later”

the script is NOT loaded twice. the iframe is allowed for the site and I can load it into an iframe manually on the page just fine. images work in the Lightbox. ..just can’t get frames to work ??

Hi,

First of all, thank you for developing such a useful plugin.

The plugin works fine, but has a small problem for my website.

I used the below code to apply the Lightbox function only to single product images in WooCommerce page.

jQuery("img.wp-product-image.skip-lazy").addClass("fancybox").attr("data-fancybox","fancybox").getTitle();

jQuery("img.attachment-woocommerce_single.size-woocommerce_single").addClass("fancybox").attr("data-fancybox","fancybox").getTitle();

This method works fine, but the loop feature doesn’t work even if I enable Loop Galleries in options.

Could you let me know if there is a workaround?

Thank you.`

• This topic was modified 1 year, 11 months ago by seotaro.
• This topic was modified 1 year, 11 months ago by seotaro.

After clicking the magnifying glass, the image does not drag correctly

• This topic was modified 1 year, 12 months ago by aaronhzy.

Hello,
after I deactivate and delete the plugin the Lines

<link rel=”stylesheet” href=”https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.css&#8221; type=”text/css” />

is in everysite.

How can I delete them?

Thanks for response

Regards

I don’t know what kind of issues are resolved with ver 3.3, but following style is added:

.fancybox-content {
    height: auto!important;
}

So many settings of ‘height added tofancybox-content` will be disregarded.
It seems that images are not at the center, but grab to the top (bottom padding is greater than top padding).

Especially, fixed size link-as-a-frame popup will not be displayed because its height will be 0.

I’m using following to display own schedule calendar as pop-up:

<a data-fancybox data-type="iframe" data-options='{"iframe" : {"css" : {"width" : "320px", "height" : "380px"}}}' href="/schedule/">Schedule</a>

It worked as expected with past version, but not with v3.3.
Is it possible to narrow down the context of height: auto!important;?
or it is hard to override !important setting for each my usage.

Hello, when I open an image to the fancybox and I close it, page is refreshed – why?

How to stop refresh page after close the fancybox?

Thank you

Jan

There is sample: https://pamlskovace.cz/produkty/oblecky-pro-psy/bundy-pro-psy/bunda-pro-psy-flamingo-isha-tmave-modra-delka-60-cm/ (link “Tabulka velikostí” in the right side”)

I have a WP website that uses Fancybox 3 to show a slideshow of images (https://perriconefarms.com/bar-table/). Normal functioning, when and image is clicked, a popup with another image is opened (this happens using Galleries).

What I would like to achieve is being able to link to that page, but with a specific popup from it already open.

Is there a way of doing this?

Hi!

Is in your roadmap upgrading fancybox to version 4?

Thanks a lot!

The original block disappears after clicking on it.
jQuery:

$('.galery .wp-block-column').each(function(){
$(this).find('figure, p').wrapAll('<div class="wrap_column" data-fancybox="fancybox" />');
});

A while back – I was using a different theme – I had overall no problem with images from any post “popping up” (without any special setting, with your free FancyBox version). Now none of my images pop up (except some that are present as links within my text). I looked for a basic setup guideline to see what I may be missing in my settings, but could not find such post/information).
The page listed is NOT the only page I would like images to pop up on on, just a sample – I would like to have images be clickable to enlarge throughout my site.
Thank you.
PM

• This topic was modified 2 years, 7 months ago by PierM.

Selected:
Make a gallery for all images on the page (default)

The photo opens in a separate window and only then through the plugin.

If you choose ?Make a gallery for each gutenberg gallery block? in the settings, fancybox stops working. No Lightbox will open anymore.
Since WordPress 5.9

• This topic was modified 2 years, 9 months ago by posed.

Hey,
I′ve downloaded your plugin and since then I have two fancyboxes on top of eachother when I click on the pictures. I′m using wordpress 5.9.
It seems that I have to deactivate the other one but I don′t know how and where.
Please help.

Thanks!

The Plugin seems to be broken with WordPress 5.9.

Just a couple of ?
-is it possible to add a ‘full screen’ option?
-also -is there a way to show the thumbs below the image instead of to the right?

Maybe some code -or a paid version -could do it?

Thanks for any suggestions -A great plugin this is!

Hi,

Your plugin works on gallery but nothing happens on single image. Is there anyting I can do for that?

Thanks.

Dear Fancybox for WP team,

Error message in browser console: undefined is not a function (near ‘…jQuery(“a.fancyboxforwp”).fancyboxforwp…’)
Plugin Vers.: 1.3.4
How to reproduce: Enable the plugin setting “Load JavaScript in Footer”
Quick fix: Do not load code in footer until fixed.

Description:
The error is thrown by js code generated in line 418 in fancybox.php.

Reason: The plugin uses correctly the wp_register_script and wp_enqueue_script function to enqueue the main js in mfbfw_enqueue_scripts on line 185.

In addition, mfbfw_init is added as action for the hook wp_footer at line 471.

However, you cannot ensure that enqueue_script is executed before mfbfw_init at this stage. In my case, the custom js code generated by mfbfw_init is placed before the enqueue command is executed. Thus, the required dependencies are not loaded properly.

Possible fix: Please wrap your handcrafted js code (in particular but not limited to) line 418 in a wp_add_inline_script call for javascript fancybox-for-wp. Thus, the custom code will be place inline while the loading dependency will be ensured by WordPress code. Furthermore, it would be a good idea to check for existence of the required function in javascript or to add try / catch clause just in case.

Thank you for your great work!

Matthieu

Does the plugin support SVG images? Because I have troubles with them.. If I set an SVG image to the fancybox it stops opening..

I used the button launch like here: https://fancyapps.com/docs/ui/fancybox/react/

But I have not been able to pass captions to images.
Please help me.

I love fancybox.
Is there a way I can pass a distinct url to each slide that can be clicked inside the sideshow and take the user there?

I have a script which creates a slideshow of all my WordPress posts images. I want the user to be able to go to the particular post in which the image belongs.

Thank you.

Hi. I love FancyBox.

I use PHP and I know how to construct a slideshow using images, which you then can click and launch the slideshow.

However, I need to do the same but use a url, which will contain the html to launch it. I will enclose it in a <div class=”gallery” style=”display:none”> so that it does not show the image. When the url is clicked, it will launch the constructed slideshow. Here is some code:

<a href="url-of-image" title="titletext" rel="sometext">slideshow</a>
<div class="gallery" style="display:none">
<a href="url-of-image" title="titletext" rel="sometext"><img src="url-of-image" /></a>
</div>

I have spent hours trying, but no luck. Unless I substitute “slideshow” with an “<img src=…”, I cannot launch the slideshow.

Please help me.

• This topic was modified 3 years, 1 month ago by Stathi.
• This topic was modified 3 years, 1 month ago by Stathi.

Hi,

We would like to make the FancyBox window smaller when it pops open so it doesn’t take up so much of the screen.

I have the height and positioning the way we want it using this custom code:

.fancybox-video, .fancybox-iframe {
    height: 700px;
    width: 900px;
}

.fancybox-iframe {
    position: relative;
}

The width of the page we have pop-up is correct, but is there a way to center that and remove the white background so that the whole pop-up window is smaller?

Thanks!
Amy