fancybox-2

I using Fancybox 2 to create a image gallery with the examples from their website: http://fancyapps.com/fancybox . I'm hiding all of the images except the first using using "display: none;" HTML <a class="fancybox" href="http://fancyapps.com/fancybox/demo/1_b.jpg"><img src="http://fancyapps.com/fancybox/demo/1_s.jpg" alt=""/></a> <div class="hidden"> <a class="fancybox" href="http://fancyapps.com/fancybox/demo/2_b.jpg"><img src="http://fancyapps.com/fancybox/demo/2_s.jpg" alt=""/></a> <a class="fancybox" href="http://fancyapps.com/fancybox/demo/3_b.jpg"><img src="http://fancyapps.com/fancybox

I have been using Fancybox 1.3.4, and right there I have the dimensions of the iframe in the link itself. Here is an example of how I have it test.html?width=675&height=470 When I click on the link fancybox will open the iframe with those dimensions. I am trying Fancybox V2, but I'm confused on how to set the dimensions for the iframes. I want every iframe to have different dimensions. How would I do it? Set your html (with HTML5 DOCTYPE ) like this: <a class="fancybox fancybox.iframe" data-width="675" data-height="470" href="test.html" >test</a> <a class="fancybox fancybox.iframe" data-width=

I have seen a similar question here : Fancybox chokes on a URL that contains "&" And I have tried all offered solutions but none of them work ! I have included correctly all links, ( the jquery link first ) I checked, and at the beginning of my document, I declared fancybox like this : <script type="text/javascript"> $(document).ready(function() { $(".fancybox").fancybox({'type' : 'image'}); openEffect : 'none', closeEffect : 'none' }); }); </script> My code is : echo '<a class="fancybox" rel="group1" href="square/'.$fic_serie .'"> <img src="square/'.$fic_serie .'" alt=""/></a>'; $fic_serie is

I am having a strange issue, I have code that pulls content via ajax and then binds Fancybox (2) to certain elements. The issue is that when I "refresh" this page I call the same function that pulls and binds Fancybox again. My normal approach that has been working up until I changed to Fancybox 2 is to unbind the elements and rebind them. This however does not seem to be working with FB2. I have tried the following: $('.tool_button').unbind('click.fb'); $('.tool_button').unbind('click'); $('.tool_button').unbind(); $('.tool_button').off('click.fb'); $('.tool_button').off('click'); $('.tool