fancybox

FancyBox not scaling to the height of inline content

I've got a link which triggers a hidden div which is supposed to show in a fancybox. The content in each hidden div is of different heights. Right now, when the fancybox opens, the div content extends beyond the borders of the fancybox. It's not resizing for some reason. Here is a sample of the html: <div class="faqWrapper"> <a class="...

How to get a layout-less version of a page?

I've got some pages such as the user-agreement that I want to appear with or without the layout (extends tag) depending on how it is called. I'm using jQuery Fancybox to load up these pages in iframes. If JS is disabled, the links should open in a new window w/ the full layout, otherwise, if they're in an iframe, they don't need the layo...

Wordpress & Fancybox - Loop issue? - fancybox keeps reloading page

Problem page: www.kendraschaefer.com/mandapop (problem with images in thin middle column) Hi, I'm working on a new Wordpress template, and I've run into an issue with Fancybox. I'm trying to get the pictures in the thin middle column of the page above to, when clicked on, pop up in fancybox with attached post data. It's mostly workin...

jQuery over loaded ajax content

hello, I'm using fancybox plugin to show bigger images. if I put in the html page <a id="fancy" href='img_big.jpg'><img scr="img.jpg" /></a> it works fine, but if load with load() the same lines fancy box is not applied. how can i fix that? ...

Fancybox loading

Hi, Is it possible to init Fancybox plugin without document.ready() event ? In FF, it seems to be success but not in IE To explain : I try to init all jquery functions at bottom of my page : <script type="text/javascript"> $(".overview_picM").fancybox({ 'titleShow': false, 'transitionIn': '...

Close FancyBox after action?

I've got some links on my page that when clicked, open a fancybox. Inside the fancybox there are some action buttons (like "close item", "delete item"). When those buttons are clicked, I want it to submit the form as usual, and then close the fancybox. How can I rig it up to do that without interfering with the POST? Note: I'm not using...

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, then it works. Why is this? Thanks ...

Appending dynamically generated html using jQuery does not play well with Fancybox

Hi folks. I'm using Fancybox (http://fancybox.net) to pop open an iFrame. In order to do so, I create a link with a class set to "item_pop" as so: <div id="events"> <a href="http://www.example.com" class="item_pop">My Link</a> </div> I then have some JavaScript in the footer that supports this: jQuery(".item_pop").fancybox({ ...

jQuery FancyBox/Lightbox problem

Hi all, i write some html with JS into a div. like this $("#picdiv").html("<a rel='lightbox' href='pic.jpg'><img src='htumb.jpg'></a>"); it is just an example. So, i have in $(document).ready Funcktion this code. $('a[rel=lightbox]').fancybox(); but if i click on the link, a get to the page with picture... i know the Problem m...

how do i use fancybox with jquery accordion?

I had jquery fancybox working okay on my website but since I've added jquery accordion fancybox no longer works - it just opens the larger image in a new window rather than in a modal box. Can anyone give me some clues or fix to use both on same webpage? ...

recaptcha within modal window (fancybox)

Hi, I am trying to load a form through ajax within fancybox. It works great, everything works fine. I used the recaptcha (rails) plugin and got the captcha on the form. Now when the fancybox loads, its getting redirected to an empty page with only captcha on it. I assume this is some problem with iframe and modal window? Has anyone ...

Fancybox, how maximaze pictures using image controller?

Hi all! I'm using a fancybox to work with images in my Java Web Application. Here is some code of my.jsp: <c:forEach var="imageName" items="${requestScope.myCollection.imageNames}"> <a rel="image_group" href="/My_War/large/${imageName}.do" title="${imageName}"><img alt="" src="/My_War/small/${imageName}.do" /></a> </c:forEach> And her...

Fancybox iFrame Links Bound / Null Response

I've got http://fancybox.net running on http://shimmiesforthecure.org. For some reason, it's not working at all, I checked the header and it verifies that all CSS and javascript files are loaded, I'm using the same call to initiate the script that I always do, yet nothing. I know it's working somehow, because it's binding the links (th...

IE8 - Zoom problem with google Map in Fancybox

Dear all, I have a weird problem with IE8 while using fancybox and gmap together. Firefox and Safari work fine. I load a map in an iframe that is then opened with fancybox. <iframe src="path/gmap.php?mapId=1" width="300" height="300" scrolling="no" frameborder="0" frame="none"></iframe> On the map, you can see a polygon. If you loo...

Tracking image views in Fancybox (a jQuery Lightbox) using Google Analytics

I am working on this site: http://www.vomero.co.uk/Torquay.aspx and would like to track views of the images (which open in a Fancybox gallery). I know I could add an onClick event to each image, but since the gallery allows the user to view all the images using Next/Prev icons it is unlikely users will actually click each photo. Any id...

Unbinding Fancybox on thumbnail fade

Hi, I am using fancybox on a series of gallery images. The user has the option to click a link which fades out certain images of a certain category. I want to unbind the Fancybox method on the images that are faded but also re-bind when they are at full opacity. $("#clientsProjects").delegate("#clientsProjects nav a", "click", functi...

FancyBox close from within iframe and take parent page to the link

I found applying the following function to a links onclose works to close Fancybox from within an iFrame: parent.$.fancybox.close(); I want to take this further and have the link take the parent page to a new url. I've tried the following but it doesn't work: <a onclick="location.href='http://www.domain.com/page/';parent.$.fancybox.cl...

Fancybox: Show loading animation while loading iframe content

When using jQuery and fancybox for showing another page inside an iframe I want to show the loading animation while the page inside the iframe is loading. This is possible when using ajax to load content but I want the same thing when using iframe. Is it possible from the api to also get the loading animation while the content in the ifr...

Opening a link from a Raphael node into a lightbox

I am using fancybox for my lightbox needs. I have a need to open a link from a raphael element (in this demo a circle). Normally you would create a link and style it like so: <a id="test" href="ajax.html">Click Me</a></li> <script type="text/javascript"> $(document).ready(function() { $('#test').fancybox({ 'width' ...

Open Fancybox (or equiv) from form imput with a href

Hello all. Attempting to open a Fancybox once a form is submitted. I am also trying to do an ajax call to a php script ... don't exactly know where to put that in. Here is the code. If anyone has any ideas I would really appreciate it. As you can probably tell I have no idea what I am doing with AjaxForm. <!DOCTYPE html PUBLIC "-//W3C...