Questions tagged [fancybox]

0

votes
0

answer
4

Views

How to load new content to Fancybox3 after already opened?

How to load new content after Fancybox3 alreay opened without close current Fancybox. I try to make gallery page by using fancybox3 + masonry + infinite scroll the problem is my opened Fancybox doesn't load new image that new content that load by ajax. a new content will be loaded when Fancybox reac...
FyriNz mos
1

votes
2

answer
54

Views

JQuery: Fancybox opens image in tab - ASP.Net

I'm using Fancybox to create a gallery on my website - Asp.Net MVC I've added all the libraries, however, the images seem to load up in a new tab instead of working like pops with the arrows on the side. Here is what I have in the view: @{ ViewBag.Title = 'Gallery'; } $(document).ready(function () {...
Harry Tipper
1

votes
1

answer
292

Views

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 documentation. The helpers option does not work in fancybox 3 and default it sc...
Paul
1

votes
1

answer
40

Views

Adding paypal button in Fancybox pop up

I'm an artist and a teacher, not a web designer, but I am taking a web design class at my school, School of Visual Arts, in New York city. I have re-designed my web site using fancy box 2.1.7, and there are pop-ups of my artwork from each small preview. I want to add a PayPal button on each fancybox...
David Mattingly
1

votes
1

answer
28

Views

“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 width as 0. (It works fine in Safari.) When I take '...
Janie
1

votes
0

answer
37

Views

How can I speed up Youtube video load time on Fancybox

Currently when user clicks on play icon, Fancybox open up Youtube video lightbox pretty quickly. Youtube video begins to auto=play but video clip is taking a very long time to load up> How can I speed up the video loading?
Sammy
1

votes
0

answer
137

Views

Fancybox stopped autoplaying videos in Chrome

There's a similar thread, but the suggestion proposed didn't work out for me. My Fancybox plugin stopped autoplaying Youtube videos for Chrome. However, Edge and Firefox keep working normally. What I do to autoplay videos is just adding autoplay=1 at the end of the video link. To add a video to my p...
Angelo Borsato
1

votes
1

answer
44

Views

Set hash to fancybox cause error

I using fancybox in my project Here is code $('.hotel_gallery').attr('data-fancybox', 'quick-view') .fancybox({ prevEffect: 'none', nextEffect: 'none', closeBtn: true, arrows: true, hash: false, beforeShow(): void { this.title = this.src; }, afterLoad(instance, current ): void{ if ( instance.group.l...
Balance
1

votes
1

answer
189

Views

How to load new slides to fancybox 3 via AJAX?

On my site there is a gallery with 20 photos to start with. When a visitor opens the fancybox gallery in popup mode and clicks on 'next' arrow, all is OK, they can navigate through the gallery. But when the visitor is on next to last slide, using function beforeShow I call an AJAX function, which re...
1

votes
0

answer
79

Views

Using scrset & Fancybox with ACF in Wordpress

I'm trying to get behind this for a while now but it does not seem to work whatever I try. Basically I have a Fancybox, that is working and I have placed an img with ACF with scrset value but I can't combine both because Fancybox is looking for the pure img value in Wordpress, while I need the img-i...
Robert Krauspe
1

votes
1

answer
32

Views

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 image and stay at current page. I did it this way: $(d...
ntym
1

votes
1

answer
152

Views

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 version of FancyBox, So I could not figure it out....
wjsorensen
1

votes
1

answer
54

Views

How to use Fancybox in a polymer paper-card

I have a list of paper-card and I want to know how to use the fancybox library to preview the card content of my paper-card. Here is an example of paper-card: Emmentaler or Emmental is a yellow, medium-hard cheese that originated in the area around Emmental, Switzerland. It is one of the cheeses of...
Dannick Montanede
1

votes
0

answer
46

Views

Problem with too large intervals in gallery

I have this code: .gal { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } .gal img { width: 100%; padding-top: 2px; padding-bottom: 2px; padding-left: 1px; padding-right: 1px; } @media(min-width: 701px) and (max-width: 1000px) { .gal { -webkit-column-count: 3; -moz-column-count: 3;...
fmweifnwe9
1

votes
0

answer
15

Views

How Can add next and previous button to Fancybox

I have a small code as shows below, I want to add previous and next button when pictures popup. https://www.jqueryscript.net/gallery/Simple-Clean-jQuery-Vertical-Product-Gallery.html
Wria Mohammed
1

votes
1

answer
2.7k

Views

jquery functions within Fancybox

I'm using fancybox to load up some inline content on a web page. Fancybox loads up fine as do the images, the only problem is that I would like certain jquery functions to work within the modal window which will not load up. The jquery functions work fine when I load them outside of fancybox so was...
DanC
1

votes
1

answer
96

Views

JQuery Library Pack

How to use Jquery libraries or how to use fancy box using JQuery.
Santosh P
1

votes
1

answer
1.3k

Views

Iframe navigation breaks Firefox back button - workaround?

There is an annoying bug in Firefox where navigation in a dynamically created iframe, which is then removed via Javascript, results in the inability to go back using the Firefox back button (you have to use the drop down and navigate back a further couple of pages). I am using a form in an iframe w...
CJD
1

votes
1

answer
276

Views

Is there a way to disable Tiny Scrolling for just one div?

Didn't want to create a new question so I'll just refrase this one, is there a way to disable the Tiny Scrolling plugin for just one particular div? Thanks :)
Noor
1

votes
1

answer
1.7k

Views

embedding a website inside a modal box on a different domain

I need to embed an iframe on different domain, that when click opens a modal box using fancy box. It would work something like this. user clicks image Once click loads a modal box(fancybox) that holds the iframe I need to do this because the fancybox needs to take up the majority of the screen 960x7...
Josh Crowder
1

votes
1

answer
1.1k

Views

How to get the trigger of a Fancybox?

I need to know which specific classes the anchor (which triggered the fancybox) has to do some more action wie the 'onComplete'-function. How do I get the trigger as jQuery-Object? $(this) seams to refer to the fancybox itself with no link to the original trigger. Solution: $('a.fancybox').click(fun...
Tim
1

votes
1

answer
3k

Views

jQuery - Fancybox with iframe

I'm using Fancybox with iframes to load PDF files from database in it. The main idea is that on normal page I have table with content and every row contains field 'show invoice', example: No | Title | PDF file | Action 1. | invoice 1 | show inovice| edit 2. | invoice 2 |...
Dusan Novakovic
1

votes
1

answer
2k

Views

fancybox: higher than viewport?

I am using a fancybox to show some inline content on a listview. My problem is, that when the inline content is higher than the viewport, fancybox creates scrollbars inside the lightbox - but this is not the desiered effect. Instead i would like the lightbox/fancybox to addapt to the inline content,...
kastru
1

votes
4

answer
6.8k

Views

Fancybox resize

I am using a fancy box which displays images, youtube video link and other videos. The user can navigate in the fancy box to go to next display or previous display. My problem is the fancy box doesn't get re-sized based on the displayed content. My code is as below: $.fancybox(href,{ 'autoScale': tr...
San
1

votes
1

answer
862

Views

Fancybox jQuery from iframe

From one page, I call fancybox to open an iframe in the fancybox. From that page, the one in the fancybox, I try to write some more jQuery code. $(document).ready(function() {}); is not called if my jQuery code is in the head tag, but if my jQuery code is written before anything, even the DOCTYPE, t...
codersarepeople
1

votes
1

answer
851

Views

IE6/7 Freezing during jQuery AJAX request

I'm using the following code to call in some html, and display it. Most browsers seem to handle it fine, but IE6 and 7 freeze up. Unfortunately, the request can sometimes take more than a few seconds, so the delay is noticeable. I'm also calling Fancybox on success, so that the returned html can hav...
Don H
1

votes
2

answer
983

Views

Content changes in fancybox div only appear after closing and re-opening

I have a form which displays in a jQuery FancyBox div with id 'mcform'. When a button is clicked I call this function: function postit() { $.ajax({ type: 'POST', url: 'listSubscribe.php', data: 'fname=' + $('#fname').val() + '&lname=' + $('#lname').val() + '&email=' + $('#email').val(), success: f...
jerrygarciuh
1

votes
1

answer
1.5k

Views

does jquery fancy box support mp3s?

does jquery fancy box support mp3s? if not is there a a stable plugin?
Adamski
1

votes
2

answer
2.7k

Views

Fancy Box - how to refresh DIV on modal window onclosed

I've searched high and low through this forum and thus far I don't see an answer. And, I think I beginning to lose my mind. Could be I'm just missing it as I am NOT a programmer. I am a visual designer that can usually install pre written code without to much difficulty. And, indeed I have installed...
masterjack98
1

votes
2

answer
532

Views

Cancel FancyBox on PageLoad

I have a FancyBox set up on my site, but it is opening on PageLoad as opposed to what I want which is for it to be triggered by a click. I'm a total novice with jQuery and javascript, etc, so bear with me here. Below is the code I already have set up:` $(document).ready(function() { $('.iframe').f...
Dr.Fishtable
1

votes
3

answer
158

Views

not malicious hidden link

hey i'm using a jquery plugin Fancybox, which is a Lightbox type plugin. This plugin can only be triggered by clicking a link. I want to show the plugin on PostBack. I have no problem doing this programmatically. My concerns are purely from an SEO perspective. How can I add a hidden link that wouldn...
dortzur
1

votes
1

answer
3k

Views

html() strips script tags in fancybox (jQuery) ajax call

My issue is quite similar to these ones: jquery html() strips out script tags jQuery - script tags in the HTML are parsed out by jQuery and not executed But this is a particular case and none of them worked for me. I am using the fancybox (1.3.4) jQuery plugin to display the result of an ajax call w...
Nicolas
1

votes
2

answer
5.7k

Views

fancybox iframe auto resize

is it possible to set the width and height to auto in a fancybox iframe? thanks
user441365
1

votes
2

answer
5.3k

Views

Send input values from main window to fancybox iframe correctly

I was wondering if someone could help me. I have made a simple plugin for Wordpress using php. It's a gallery that allows the user to add captions and custom fields for the images.. The forms are displayed using a Fancybox, that is opened by clicking input- buttons... The edit-function looks like th...
guzh
1

votes
1

answer
1.9k

Views

Calling Fancybox from Event Listener in Google Maps Instead of Default Infowindow

I'm looking to replace the default Google Maps API InfoWindow with a Fancybox overlay. Version Google Maps API 3.0 Goal Replace the default Infowindow with a Fancybox popup Use Case Google map is loaded up in full screen (100% by 100%) Markers are placed onto the map User clicks on a marker and is s...
Graham Kennedy
1

votes
1

answer
712

Views

Open external link (HTTPS) with POST values inside Fancybox?

Is there a way to open external https urls, triggered on post submit and with post data inside Fancybox popups or similar? I am talking about Paypal payments, for example. Clicking the 'Buy Now' button, the PayPal website would open inside Fancybox and the data would be parsed using Ajax. This woul...
Mirko
1

votes
2

answer
2.7k

Views

fancybox - When clicking on an image (thumb) how to get FancyBox to load a larger img / different URL

I have a long list of images which are thumbnails. When the user clicks on one of these images I want to fancybox load a larger image at a different url than the image. how do I do that? Thanks
AnApprentice
1

votes
2

answer
1.9k

Views

fancybox - passing 'this' to onClosed function

Hi this is probly really simple but I juast cant seem to figure it out! if( is_logged_out( html ) ) { var throughClick = $(this); $.fancybox( html, { 'autoDimensions' : false, 'width' : 'auto', 'height' : 'auto', 'transitionIn' : 'none', 'transitionOut' : 'none', 'hideOnOverlayClick' : false, '...
Phil Jackson
1

votes
4

answer
2k

Views

Flexigrid doesn't work with jQuery 1.4.3?

I am trying to use flexigrid plugin for jquery, the problem is that I also want to use the plugin fancybox, and this plugin uses jQuery 1.4.3, but flexigrid doesn't seem to work with that version of jquery. When I roll back to the old jquery version that comes with flexigrid the grid does work but f...
Meredith
1

votes
3

answer
1.3k

Views

About Fancybox and PHP Mysql Adding <br /> or new line in the title

is there a way to to add in the title?? cause i want to add something from another table data.. here's my code title=''.$row['product_name'].'' >' ... for example product_name is 'Ben What' product_desc is 'Yeah Come at me' i want to add some description in the title.. i don't want it to be conne...
user668211

View additional questions