jQuery lightbox script for displaying images, videos and more. Touch enabled, responsive and fully customizable.
Questions tagged [fancybox-3]
291 questions
3
votes
1 answer
Attempting to dynamically change IFrame Fancybox data-src attribute
Purpose of my program:
Upon click of the 'External page' hyperlink, the javascript function 'randomLink' is then executed, which should dynamically provide a link to the IFrame fancybox; which in turn should load up this provided link.
The…
user7631121
- 125
- 8
2
votes
1 answer
ActionView::Template::Error: Error: "env(safe-area-inset-right)" is not a number for `max' in Rails Test
I just installed fancyapp/fancybox@3.5.7 in my rails project. I wanted to override some css rules in fancybox, so I required the @fancyapps/fancybox/dist/jquery.fancybox.css and it works well in the browser.
However, ever time I run rails test, I…
ydaniju
- 400
- 4
- 11
2
votes
1 answer
Remove loaded element after fancybox closing
How can I delete the loaded data through a ajax call so that when I press on another image the relative images are loaded?
This is my code for loading fancybox:
$(document).ready(function () {
$("[data-fancybox]").fancybox({
loop:…
th3g3ntl3man
- 1,926
- 5
- 29
- 50
2
votes
1 answer
Enable fullscreen Vimeo video button on fancyBox v3
Using fancyBox v3 to load Vimeo videos, and all is working great except there is no fullscreen button enabled. The documentation says you can add parameters to the URL passed through to fancybox, but I cannot seem to find a fullscreen URL parameter…
user2521295
- 823
- 2
- 12
- 23
2
votes
2 answers
Fancybox - Disable close on outside click
I'm trying to prevent close of fancybox when someone click outside of fancybox-content area.
HTML:
JS:
jQuery.fancybox.open(jQuery('#banner-message'), {
clickOutside:…
RhymeGuy
- 2,102
- 5
- 32
- 62
2
votes
1 answer
fancybox 3 helpers locked true alternative?
In fancybox 2 you have the helpers option, i used this to stop the browser from scrolling to the top after a fancybox exit:
helpers: {
overlay: {
locked: true
}
}
what is the fancybox 3 equilevant? i can't find it in the…
Paul
- 21
- 2
2
votes
1 answer
Custom button for fancy box
I want to add a new button beside slide show, fullscreen, close, etc.
and i need to attach a click event to that button so it gives me the src of the image that is currently showed.
Pezhvak
- 9,633
- 7
- 29
- 39
2
votes
1 answer
fancyBox3 trigger an iframe
In a old fancyboxversion i open a iframe with this code
$.fancybox({
'padding': 20,
'width': '650px',
'type': 'iframe',
'href': '....php?anchor=' + xyz,
…
accessburn
- 51
- 2
2
votes
0 answers
Fancybox gem rails 5.1
Currently, it seems that for Rails 5.1 we do not have any compatible Fancybox gem Latest Fancybox3 is compatible with rails 5.0 but not 5.1 (https://github.com/fobiasmog/fancybox3/issues/3) .
I am upgrading my application from Rails 4.2.7 version…
Rachit Agarwal
- 31
- 7
2
votes
3 answers
Submit button not working with fancybox
I am opening a fancybox on click of a link.
This fancy box is having username and password which I want to authenticate on submit button click.(To simplify I have changed the fancybox to a submit button only as of now)
I have written a php code…
Krishna
- 35
- 6
2
votes
1 answer
Fancybox Gallery Navigation Not Working
I'm using Fancybox for photo galleries on multiple WordPress websites.
Since upgrading to the newest Fancybox code, I'm having a problem with Fancybox gallery navigation not working.
The photos open perfectly, but they are not linked…
delvec
- 57
- 1
- 10
2
votes
2 answers
Using Fancybox 3 when "#" is already part of URL
Fancybox 3 uses the hashtag to persist the current view in the URL:
http://example.com/sites/site1#gallery-1
However, this is too bad for a site where navigation already requires hashtags:
http://example.com/#/sites/site1
Fancybox 3 will replace…
bytecode77
- 14,163
- 30
- 110
- 141
2
votes
0 answers
Fancybox lib file (jquery.fancybox.css) shows as Render blocking script in google page insights test. solution?
Fancybox lib file (jquery.fancybox.css) shows as Render blocking script in google page insights test. solution????
I already trying lot but no success any help will be appreciated
Sunny Kumar
- 823
- 6
- 14
2
votes
2 answers
Transitions in fancyBox 3
Is it possible to specify which transition to use in fancyBox 3? There are 3 transitions I'm interested in:
Open slide/gallery
Navigate between slides
Close slide/gallery
By default, fancyBox 3 uses different transitions for different types of…
Magnar Myrtveit
- 2,432
- 3
- 30
- 51
1
vote
2 answers
SyntaxError: Unexpected token 'export' while using fancyapps/ui and nextjs during runtime
I'm using NextJs and below is my package file details
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start",
"lint": "next lint"
},
"dependencies": {
"@fancyapps/ui": "^4.0.27",
"daisyui":…
Mackral
- 21
- 3