Your question can be dived in two parts : How to pass data (stored in variables) from parent page to an iframe (opened in fancybox) How to manipulate data (and/or store such data in variables) inside the iframe and then pass those values to the parent page when fancybox is closed. 1). Pass data from … Read more
Without each() or click() simply add the beforeLoad callback to your script like this $(“.fancybox”).fancybox({ autoScale: false, // href : $(‘.fancybox’).attr(‘id’), // don’t need this type: ‘iframe’, padding: 0, closeClick: false, // other options beforeLoad: function () { var url = $(this.element).attr(“id”); this.href = url } }); // fancybox NOTE: this is for fancybox v2.0.6+ … Read more
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/
Try combining the fitToView and maxWidth API options like : $(‘.thumbs_small’).fancybox({ openEffect: ‘elastic’, closeEffect: ‘elastic’, prevEffect: ‘fade’, nextEffect: ‘fade’, fitToView: false, // images won’t be scaled to fit to browser’s height maxWidth: “90%” // images won’t exceed the browser’s width }); Check JSFIDDLE
It seems like disabling pre-loading fixes the issue with iframes and IE so try this : $(document).ready(function () { /* fancybox handler */ $(‘.fancybox-media’).fancybox({ openEffect: ‘none’, closeEffect: ‘none’, autoSize: true, type: ‘iframe’, iframe: { preload: false // fixes issue with iframe and IE } }); }); Tested with fancybox v2.1.4 and IE7. Check JSFIDDLE
You could also use the beforeShow callback option, but you may need to cancel all the transitions (set nextSpeed and prevSpeed to 0). The transition speed seems to be creating the jumping effect using the afterShow callback or avoiding to get the correct value using the beforeShow callback. You may also need to update to … Read more
It seems like it exists a bug in jQuery reported here : http://bugs.jquery.com/ticket/13183 that breaks the Fancybox script. Also check https://github.com/fancyapps/fancyBox/issues/485 for further reference. As a workaround, rollback to jQuery v1.8.3 while either the jQuery bug is fixed or Fancybox is patched. UPDATE (Jan 16, 2013): Fancybox v2.1.4 has been released and now it works … Read more