fancybox-2

I have implemented fancybox2 on a dev site. When I engage the fancybox (click the link etc) the whole html shifts behind it - and goes to the top. I have it working fine in another demo, but when I drag the same code to this project it jumps to the top. Not only with the links to inline divs, but also for simple image gallery. Has anyone experienced this? Dave Kiss This can actually be done with a helper in Fancybox 2. $('.image').fancybox({ helpers: { overlay: { locked: false } } }); http://davekiss.com/prevent-fancybox-from-jumping-to-the-top-of-the-page/ Jordanj77 is correct but easiest

I have a site with some very tall images. I'd like for these images to respond in a responsive way horizontally, but not vertically. If they conform to the height of the browser, they become too small to see properly. Is there a simple way to accomplish this that I'm missing? See an example below. Click on the second thumbnail "bswift", then a small grey square to launch Fancybox. http://www.eaaronrossdesign.com/index2.php Try combining the fitToView and maxWidth API options like : $('.thumbs_small').fancybox({ openEffect: 'elastic', closeEffect: 'elastic', prevEffect: 'fade', nextEffect:

Im trying to dynamically set some values of my Fancybox object based on information stored in tags inside of an iframe which fancy box is loading. the problem is, the only time i can seem to get the CORRECT values out of the content (iv tried virtually every callback combo possible) is on the afterShow method. this causes a jumpy transition of the width and height which are reset after it is shown. $('.fancybox').fancybox({ openEffect : 'elastic', closeEffect : 'elastic', autoSize:true, afterShow : function() { var fancy = this; var h = $('.fancybox-iframe').contents().find('html').height();