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
1 answer

Fancybox remove previous and last button on first or last image

In Fancybox2 it seemed to disable the loop function also disabled the previous button on the first image and the next button on the last one. In Fancybox3 that doesn't work. I am searching for some hours now and find nothing (ok, an entry here in…
Marcel Grüger
  • 885
  • 1
  • 9
  • 25
1
vote
1 answer

Position thumbnails on bottom with Fancybox

I'm trying to get the thumbnails to display horizontally on the bottom using the latest Fancybox. While this example works, it's not working for me. I also tried the same example code from codepen on jsfiddle and it's not working, with the same…
sixin
  • 21
  • 1
  • 6
1
vote
1 answer

I can't get Fanxcybox 3 options to work. What am I doing wrong?

I'm using the newest version of Fancybox 3 and I'm trying to implement some options like not showing the toolbar or a different transition effect. I have the css in the header and jquery is at the end of the source code. Why do the options not work?…
user4279145
1
vote
1 answer

Fancybox with Owl carousel (lazyLoad)

I'm using Fancybox v3.5.4 and Owl carousel v2.3.4 with lazyLoad option When we click on a photo, Fancybox makes the photo pop up. Then if we click on "Next" few times to get the next photos on Fancybox and then close it, the photos on the owl…
Philiz
  • 429
  • 5
  • 25
1
vote
1 answer

Adding share button on fancybox 3

Share buttons are not present by default, and I'm wondering how to add it. Is there any other method than this? $('[data-fancybox="XXXXX"]').fancybox({ buttons : [ 'share', 'fullScreen', 'close' ] }) I'm on Tumblr,…
user5017650
1
vote
2 answers

Fancybox close existing popup

I'm using Fancybox 3 to display 3 items. They all link together using the gallery attribute, like so: Open Me
Sam
  • 1,401
  • 3
  • 26
  • 53
1
vote
1 answer

JS Fancybox 3 Gallery from folder items

I am trying to figure out how to create a FancyBox 3 gallery from, say a folder of 128 pictures for instance. How would I do that? I have tried to create it myself, but have had no luck. I read another StackOverflow answer, but it was from a earlier…
wjsorensen
  • 13
  • 3
1
vote
2 answers

How to prevent page change on Back button when Fancybox image is fullscreen in JQM?

The initial task is to handle hardware back button, when Fancybox image is in fullscreen mode. At now, when user press back button on phone, current page changes to previous and fulscreen image stays on foreground. The task is to close Fancybox…
ntym
  • 11
  • 2
1
vote
1 answer

jQuery fancyBox how to prevent dragging the popup vertically

I am using fancyBox to display an HTML element as a popup (inline type). That works fine, but the user is able to move the popup vertically with the mouse or with touch. This behaviour seems to be standard (check the HTML example on…
Willem
  • 767
  • 1
  • 7
  • 10
1
vote
1 answer

"Margin-left" making fancybox narrow in Chrome

I'm using fancybox 3 to display a page (Page A) in an iframe. On a local server (running in Chrome) this worked great; however, online it does not - the iframe gets really narrow, and a quick inspection shows that Chrome registers fancybox-content…
Janie
  • 11
  • 1
1
vote
1 answer

FancyBox 3 load iframe on link click not working

I'm trying to load an iframe using fancybox 3 after a link click. The iframe shows up if I click on link number 2 where fancybox is added inline. If I click on link 1 where the fancybox is added via JavaScript it shows the popup with page not…
oussama kamal
  • 1,027
  • 2
  • 20
  • 44
1
vote
3 answers

Fancybox caption location

I am having some serious trouble understanding Fancybox. I suppose my initial question is that I am using Fancybox 3 and assume that it has all features of previous versions? What I am trying to achieve is simply change the caption position to…
Kevin P.
  • 907
  • 7
  • 18
1
vote
1 answer

How do I make multiple galleries on one page using Fancybox?

I'm trying to make 3 galleries for my website all using Fancybox's class="imglist" with data-fancybox="images" data-caption="". I've tried following How to create separate Fancybox galleries on the same page? for help but it doesn't seem to work. I…
Jack
  • 13
  • 1
  • 3
1
vote
2 answers

Fancybox 3 ajax load image gallery

Fancy box 3 documentation gives little examples regarding its AJAX functionality. I want to be able to click a button and load a "gallery" consisting of images loaded from an ajax response. An example I found (last one on this page) requires…
Alex
  • 9,215
  • 8
  • 39
  • 82
1
vote
1 answer

Fancybox 3 on page load with delay and set cookie not working

I can not get this jQuery to work on page load? I use fancybox 3.