Stack Overflow
Stack Overflow

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 is a tool that offers a nice and elegant way to add zooming functionality for images, html content and multi-media on your webpages. It is built at the top of the popular JavaScript framework jQuery and is both easy to implement and a snap to customize.

Licensed under Creative Commons Attribution-NonCommercial 3.0

Reference

5292 questions
136
votes
1 answer

fancybox - d.onCleanup is not a function

this is driving me nuts. Iv'e created a simple test page..
Phil Jackson
  • 9,936
  • 20
  • 92
  • 127
101
votes
4 answers

Fancybox doesn't work with jQuery v1.9.0 [ f.browser is undefined / Cannot read property 'msie' ]

Fancybox breaks with the new jQuery v1.9.0. It affects both, Fancybox v1.3.4 and below - and - v2.1.3 and below. The errors shown are : v1.3.4 : Timestamp: 15/01/2013 10:03:28 AM Error: TypeError: b.browser is undefined Source File:…
JFK
  • 40,294
  • 31
  • 126
  • 295
96
votes
18 answers

How to launch jQuery Fancybox on page load?

I would like to launch a Fancybox (e.g. Fancybox's version of a modal or light box) on page load. I could bind it to a hidden anchor tag and fire the click event of that anchor tag via JavaScript, but I would rather just launch the Fancybox directly…
Blegger
  • 4,242
  • 3
  • 28
  • 36
68
votes
3 answers

Loading inline content using FancyBox

Well, I'm simply writing this post to hopefully help others that might come across the same issue. The examples on the vendor website are a little vague and I had assumed the following scenario. You have a link with a hrefn to some content's…
Marko
  • 68,081
  • 26
  • 118
  • 153
66
votes
5 answers

Youtube autoplay not working on mobile devices with embedded HTML5 player

To my problem, i have one link . I want to play the video by clicking the link in a fancybox overlay window. This is not a problem. The problem is the parameters, for example…
theowi
  • 730
  • 1
  • 5
  • 13
61
votes
16 answers

close fancy box from function from within open 'fancybox'

Hi all i want to be able to close fancyBox when it is open from within. I have tried the following but to no avail: function closeFancyBox(html){ var re = /.*Element insert complete!.*/gi; if( html.search( re ) == 0 ){ …
Phil Jackson
  • 9,936
  • 20
  • 92
  • 127
39
votes
4 answers

Proper way to use JQuery when using MasterPages in ASP.NET?

I have no issues when doing using JQuery in a aspx page without a masterpage, but when I try to use it in pages that have a masterpage, it doesn't work, so I end up putting the jquery files and other script files in the page instead of the master. …
Xaisoft
  • 42,877
  • 83
  • 270
  • 415
33
votes
4 answers

jquery fancybox 2.0.3 - prevent close on click outside of fancybox

I am using jquery fancybox version 2.0.3. I want to prevent close on click outside of fancybox. I want to force user to click the cross button. I have tried $(document).ready(function() { $(".various").fancybox({ closeClick : false, …
user930026
  • 1,558
  • 5
  • 30
  • 56
33
votes
2 answers

Require statement in application.css.scss

I want to use a lightbox gem such as fancybox or color box. Both gems ask to add this line in the application.css *= require colorbox-rails Here's the problem. I only have application.css.scss files. All my css files are scss files. I have import…
user2511030
  • 505
  • 1
  • 4
  • 14
33
votes
6 answers

Open YouTube video in Fancybox jQuery

Can I open YouTube video in Fancybox. I have a list of YouTube videos links, for ex: Play and Fancybox : $("a.more").fancybox({ 'titleShow' : false, …
AlexC
  • 9,529
  • 17
  • 61
  • 96
31
votes
11 answers

Open fancybox from function

I am trying to open a fancybox from a function I have - in short my HTML code looks like this; click and a part of my function looks like this; function myfunction(me) { …
keysersoze
  • 727
  • 3
  • 12
  • 26
31
votes
4 answers

Magnifying Glass (zoom) Cursor over image

I'm looking for a solution to change the cursor to a magnifying glass upon hovering over a Fancybox image. Like on Pinterest, when you hover an image (using chrome). So far I have this which doesn't have cross-browser support. .picture img { …
Delos Chang
  • 1,703
  • 3
  • 23
  • 43
30
votes
4 answers

bind a jquery function to fancybox .close() event

I would like to trigger a simple jQuery function based on a fancybox closing. it is the only fancybox on the page $.fn.fancybox.close = function() { $('#sub_cont').hide(250, function() { $('#IDsearchform input').val(''); }); …
iamwhitebox
  • 3,046
  • 8
  • 41
  • 65
29
votes
8 answers

Fancybox is not a function

Hello I am using the jQuery plugin fancybox to display bing maps when somebody enters an address into a textbox and hits the submit button beside it. And a fancybox is loaded and a map for that address is displayed. This is working well with my…
macha
  • 6,657
  • 17
  • 56
  • 82
28
votes
12 answers

FancyBox returning "The requested content cannot be loaded. Please try again later." with link

I'm using Fancybox to display inline content (a div with an image linked to a new page). The div and image display fine in the modal, but when the image is clicked to go to the new page, I get "The requested content cannot be loaded. Please try…
Yazmin
  • 1,114
  • 5
  • 17
  • 32
1
2 3
…
99 100