fancybox-2

I'm trying to use fancybox ( http://fancyapps.com/fancybox/ ) to show an image automatically on my page, but the background (greyed-out) portion is not working. Any ideas? See example at http://www.southshoreopera.org The issue is that if you open fancybox programmatically BEFORE the DOM is ready, somehow the overlay is not appended to the body element. This : <script type="text/javascript"> $(".fancybox").fancybox({ // API options }); $(".fancybox").eq(0).trigger('click'); </script> ... will trigger fancybox on page load WITHOUT an overlay (a manual click to the link thereafter won't

I am trying to open a fancybox iframe on my page. Pass over some basic information to the iframe. Then I want to make it so that the iframe talks back to it's parent. I am passing nameid-1 throughout statically, though I would really like to have this as variable such as: var nameid=$(this).attr('nameid') I just don't know how to execute this all correctly as I am new to Ajax/Javascript and struggling with the logic. Base.html JS: <script type='text/javascript'> //<![CDATA[ // Popup Function $(document).ready(function () { $('a.openinformation').fancybox({ openEffect: 'fade', openSpeed: 500 //

I have the following fancybox code: $('.fancybox').fancybox({ 'autoScale' : false, 'href' : $('.fancybox').attr('id'), 'type':'iframe', 'padding' : 0, 'closeClick' : false, //some other callbacks etc the problem is I have twenty different A tag id's on the page and I want the fancybox href attribute to take the id of the clicked element, ie the one that triggered the event. I have tried several things, none of them have worked! 'href' : $(this).attr('id'), 'href' : $(this.element).attr('id'), This seems so simple but anytime I plug in 'this' or similar nothing works. Without each() or click()