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

5256 questions
137
votes
1 answer

fancybox - d.onCleanup is not a function

this is driving me nuts. Iv'e created a simple test page..
Phil Jackson
  • 10,238
  • 23
  • 96
  • 130
104
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,963
  • 31
  • 133
  • 306
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,272
  • 4
  • 30
  • 36
75
votes
6 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
  • 820
  • 1
  • 6
  • 13
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
  • 71,361
  • 28
  • 124
  • 158
63
votes
17 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
  • 10,238
  • 23
  • 96
  • 130
40
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
  • 45,655
  • 87
  • 279
  • 432
34
votes
5 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,647
  • 5
  • 34
  • 59
34
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
  • 515
  • 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,657
  • 17
  • 64
  • 98
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
  • 777
  • 3
  • 12
  • 27
31
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
  • 7,337
  • 19
  • 62
  • 84
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,823
  • 3
  • 27
  • 47
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(''); }); …
Jeff Voss
  • 3,637
  • 8
  • 46
  • 71
30
votes
5 answers

Alternative for "$(document).ready" function

I am using fancybox in an aspx page. The document ready function does not work in this page for a lightbox. Someone told me to write a new javascript code for loading the lightbox in that page.
user1662341
  • 301
  • 1
  • 3
  • 3
1
2 3
…
99 100