Questions tagged [fancybox]
FancyBox is a tool that offers a nice and elegant way to add zooming functionality for images, html content and multi-media on your webpages.
fancybox
5,246
questions
1
vote
2
answers
35
views
fancybox not loading gdrive link
Was setting up a carousal,
but fancybox not loading gdrive image file link
<a data-fancybox="gallery1" href="https://drive.google.com/file/d/<file id>/view?usp=sharing">...
0
votes
0
answers
31
views
Add class to one fancybox thumb
There is a fancybox gallery with thumbs. There are images and one video in the gallery. Tell please, how can I add a class for thumb that opens the video? FancyBox v3.5.7. Here is code:
<div class=&...
0
votes
0
answers
17
views
iframe vidoes not blocked in modal popups as fancybox or lightbox
i am using Complianz for controlling and setting cookies on my website. Manually embedded IFrames are blocked if the user not accept the cookies, its working fine. But i would like to open the video ...
0
votes
0
answers
29
views
Refreshing minicart on parent page from within fancybox Iframe on HTML page. No woocommerce or wp
I have a site with a iframe html page pop up in fancybox. When items are added or taken away from the cart in the iframe, the items are added in the iframe page but when I close the iframe, the parent ...
0
votes
0
answers
23
views
after http->https Migration, jQuery(...).fancybox is not a function
It worked well before, but after migrating from HTTP to HTTPS, modal pop-ups are not working.
The browser's warning message warns as follows.
jQuery version is 3.5.1.
Alert Messege : jQuery(...)....
0
votes
1
answer
30
views
How to use Fancybox 5 to show a photo when clicking a Leaflet marker - and group them with all other photos
I have this piece of code to open a photo when marker is clicked on Leaflet-map. And it works fine.
function onMouseFancybox(feature, layer)
{
foto="images/" + feature.properties['uuid'] ...
1
vote
1
answer
49
views
Vertical fancyapp carousel doesn't work, any tips on how to solve this?
I'm building a carousel a little different than usual, for this to be possible, I need it to be vertical because of its animations, but before building anything else, fancyapp's carousel module for ...
0
votes
1
answer
39
views
Fancybox React Styling
<Fancybox
options={{
Carousel: {
infinite: true,
},
Toolbar: {
display: {
left: ["infobar"],
middle: [],
right: ["...
0
votes
1
answer
161
views
How can I prevent anyone from closing fancybox 5 from outside the box
I have an ajax where the results are opened in a fancybox.
I want to require the user to only be able to close the fancybox using my custom buttons (so I can attach additional functions) and be able ...
0
votes
1
answer
40
views
Fancybox gallery not working in laravel-inertia-react app
I have integrated the fancybox gallery into my webapp, but there is a problem, when I put the fancybox in the map, to cycle the images, the gallery is not activated, i see only one image with no ...
0
votes
0
answers
37
views
Add captions over the thumbnails in fancybox 3
I'm using the following code to create a number of different fancybox galleries. I am using Fancybox V3. I want the captions of the videos to also show up on the thumbnails at the bottom. I can't seem ...
0
votes
1
answer
63
views
Open fancybox5 iframe automatically without click on page load
How can I open fancybox5 without click, my basic code for click is:
Fancybox.bind("[data-fancybox=\'iframe3\']", {
defaultType:"iframe",
on: {
"destroy": (...
0
votes
1
answer
43
views
Hide fancybox 5 window from iframe
How can I close fancybox iframe window in version 5? (without any click)
I need it after form submit, when task is finished.
Fancybox.bind("[data-fancybox='iframe1']", {
defaultType:&...
1
vote
0
answers
29
views
How to add filter option above the ox_options['baseTpl'] of fancybox
$fancybox_options['baseTpl'] = '<div class="modula-fancybox-container modula-lightbox-' . $settings['gallery_id'] . '" role="dialog" tabindex="-1">' .
...
0
votes
0
answers
21
views
Option to position(eg. topRight, topBottom, bottomRight, leftCenter etc.) the fancybox(fancyapps - fancybox v5)
I want to set the alignment of fancybox to different position based on requirement.
for example -
bottomRight : for aligning fancybox on the right side when it is on the bottom
bottomCenter : for ...