Stack Overflow
Stack Overflow

Questions tagged [fancybox-3]

jQuery lightbox script for displaying images, videos and more. Touch enabled, responsive and fully customizable.

291 questions
1
vote
0 answers

Custom function in FuncyBox 3 data-caption

I need to run a custom function in a FancyBox data caption. My code looks like this:
K. B.
  • 1,388
  • 2
  • 13
  • 25
1
vote
0 answers

Fancybox 3 iframe issue on mobile, the height of the module is too tall

I am attempting to migrate from v.2.1.7 to v3.5.7. In v2.1.7, I was setting a maxWidth and maxHeight on my iframe types. The content in the iframe was always at 1280px by 960px. The lightbox would display on desktop, centered and with ample space…
Robbiegod
  • 954
  • 4
  • 14
  • 44
1
vote
1 answer

Why does my Fancybox window open and close immediately?

i am using barba js, i am listing image normally with php. But when I click on the fancy box, the Fancybox window opens and closes again. fancybox list
Mesut Bla
  • 127
  • 1
  • 7
1
vote
0 answers

Responsive gallery using slick.js and fancybox 3

I wanted to make 2images in a row grid like in the link below https://codepen.io/EwelinaWoloszyn/pen/KKdGYdQ with zoom function so I added this script https://codepen.io/EwelinaWoloszyn/pen/VweZzMK. $(function() { "use strict"; …
Neko
  • 65
  • 11
1
vote
1 answer

Fancybox 3 ajax type auto append query string fancybox=true to the actual url

Is there a way to avoid Fancybox 3 from automatically appending the query string "fancybox=true"? Thanks
Nasri Zhang
  • 63
  • 1
  • 4
1
vote
1 answer

In fancybox, show only photos from specific div in lightbox

I have 2 points in my page, where there are some pictures using fancybox. When the user clicks in a photo, then the user sees the image in lightbox, while the other images are show as thumb in right side. What I try to do, is that the user in the…
yaylitzis
  • 5,354
  • 17
  • 62
  • 107
1
vote
1 answer

fancy box and grid display issues. Pictures overlapping

Can someone look at the image below and let me know what I seem to be doing wrong? On the first load, pictures show up like this but then if I refresh, then it resolves itself. If I comment out the script, then everything shows up ok. If I add the…
brett m
  • 91
  • 1
  • 10
1
vote
1 answer

how to add extra content in fancybox 3 iframe?

For example i have this url its showing usually just iframe the url but i need to add this extra div content out…
Ahmed El Sheikh
  • 73
  • 1
  • 9
1
vote
0 answers

Fancybox3 position caption directly below image

I'm using fancybox3 image gallery. When I add a caption using data-caption attribute the caption appears but is docked to the the bottom of the view. However, I would like the caption to appear directly below the image instead. I have looked…
maxhap
  • 221
  • 3
  • 15
1
vote
0 answers

Getting the Next and Previous buttons inside the image content

I'm trying to implement Fancybox-3 in my website for the image gallery. However the problem is that by default fancybox has the Next/Prev arrows right at the edge of either side. What I'm trying to achieve is to get them inside the image…
Zamry
  • 11
  • 2
1
vote
0 answers

View files in j2ee web application using fancybox and google doc viewer

I have a java servlet that serves files from s3. These files can be either image, pdf or doc/docx. I have to implement a feature in my web application to display these files in google doc viewer. In my case, I am not able to send content so that…
zookastos
  • 917
  • 10
  • 37
1
vote
1 answer

fancybox loads under my page icons first and crazily enlarged

When I click on one of my thumbnails, fancybox loads and opens, but the index of my gallery stands halfway on my page. At the very down of my website I get the icons of fancybox, the size of the full width of my screen, followed by enlarged…
offline
  • 11
  • 1
1
vote
1 answer

Fancybox defaults issue with customized zoom

I'm setting up a custom zoom button and want to implement it. For some reason my defaults aren't applying to the popup. I've tried including the out of the box structure, but to no avail. jQuery(function($) { $(document).ready(function() { …
user3135730
  • 320
  • 1
  • 3
  • 8
1
vote
1 answer

How to update JQuery in PrestaShop 1.6?

I'm using Prestashop 1.6. I think I need to update the JQuery version to use Fancybox 3. I looked at FTP /public_html/js/jquery, jquery-1.11.0.min.js file is available. So JQuery is not up to date. I changed the name of this file to…
Agah Toruk
  • 383
  • 5
  • 10
1
vote
1 answer

How can I center the thumbnails in fancybox-3

It looks like on older versions of fancybox there was a thumbnail helper that would center the thumbnails under the image. Following the example here: https://codepen.io/fancyapps/pen/PdMvML I can put the thumbnails along the bottom, but I'd like…
pcbliss
  • 407
  • 6
  • 15
1 2
3
…
19 20