jQuery lightbox script for displaying images, videos and more. Touch enabled, responsive and fully customizable.
Questions tagged [fancybox-3]
291 questions
-1
votes
1 answer
Why is Fancybox 3 adding style="display:none" to my elements?
I am upgrading from Fancybox-2 to Fancybox-3. My site uses fancybox to display blocks of HTML as an overlay on page. For instance, if you click on my Terms and Conditions, fancybox uses a file fb/tandc.php that has all the HTML of the box to be…

Izzysteve
- 1
- 1
-1
votes
1 answer
Base TPL "stage" Modification Causes data-caption not to be loaded?
Adding an extra overlay div to the base tpl in the "fancybox-stage" ruins the captions for some reason. Without using the base tpl, the caption is read properly from tye data('caption') attribute. Is this intended?
baseTpl:
'

Flatline
- 83
- 1
- 6
-1
votes
1 answer
how to place caption/title right below content on fancybox?
Current Fancybox version places caption at the bottom of the window, not right below bottom side of the image. I'm trying to ask the developer too but I guess I won't get fast answers.
The are also some questions here for this issue, but it seems…

Luca Reghellin
- 7,426
- 12
- 73
- 118
-1
votes
1 answer
Disable pinch zoom on fancybox images for mobile
I'm currently using Fancybox I'd like to disable image zoom with the pinch gesture on iPad.
I've tried using CSS touch-action:none; and setting options in fancy box.
$("[data-fancybox]").fancybox({
clickContent : false,
});
I'd like the image…

Drew
- 1
- 1
-1
votes
1 answer
Fancybox iframe, wrong iframe content size when swiper is instantiated in target page
I have a news section on a page, when i click on a news a fancybox iframe is opened showing the news page.
The news page contains 3 images on top ad some text on the body of the page, and on page load i create a new Swiper slider with the images.…

Tiziano
- 316
- 1
- 4
- 17
-1
votes
2 answers
Froala editor not working with fancybox plugin
all the things working correctly but when I add froala in fancybox popup then space, arrowkeys not working also when I click f key then act as full screen
please give me solution:
-1
votes
1 answer
How to add social sharing to fancybox (fancybox3) toolbar as seen in demo?
On the fancybox3 deme page (https://fancyapps.com/fancybox/3/) you can configure options to show a share button as part of the toolbar.
screenshot of demo sharing option enabled
screenshot of working fancybox demo with sharing
However, when I add…
-1
votes
1 answer
Fancybox in image container
is possible to set up to load fancybox (I use fancybox 3) to image container? In documentation is it not anything similar, maybe some hack to do it?
I have simple html:
Discount

tomasr
- 485
- 1
- 8
- 24
-1
votes
1 answer
How can I change the name of the file when it's downloaded using Fancybox
I have a div with various images in a grid which is populated when the pages loads and use Fancybox-3 to enable zoom and download functions when an image is clicked.
When the file is uploaded I add an 8 digit random hash to the beginning to ensure…

Drewy
- 61
- 2
- 9
-1
votes
1 answer
fancybox V3 + isotope sort by
I'll need your help: I'm using isotope to sort thumbnails that are also open with fancybox. Until then I used fancybox V2 it worked perfectly! (I followed the subject here)
But I just switched to Fancybox V3, I can not sort my images in fancybox…

tartartartar
- 3
- 5
-1
votes
1 answer
How to load caption content of Fancybox with Ajax?
I want to show some Infos as HTML in the Caption of a Fancybox.
These information are loaded beside the Image as an HTML element with ajax.
Until now I had an afterload method which loaded the caption content from this HTML Element into the caption…

if-trubite
- 159
- 9
-1
votes
1 answer
Fancybox gallery applied to all images on the domain
Trying to apply version 3 of fancybox with this given code: