Fancybox Rendering Doesn't Complete
I have a portal situation where widgets, through a cross-document
messaging API, are allowed to request that the portal launch a dialog
window. I'm trying to use Fancybox via direct invocation and am
finding that I can't get the content to render entirely. Here's what
I have in the function that's being called:
- function widget_dialog( uri ) {
- console.log( ' => Launching ' + uri + ' in a widget-requested dialog' );
- $.fancybox({
- type: 'iframe',
- href: uri
- });
- }
As I mentioned, the process begins (the overlay is rendered and all of
the markup is applied), but none of the content is displayed. At least
one of the examples on the site seems to indicate that this kind of
invocation is possible, so that's the direction I'm working ant the
moment. Here's what I've noticed so far:
1. The "fancy-wrap" div is styled with an opacity value of "0". If I
manually change this (in Firebug) to "1" the iframe content becomes
visible.
2. If I provide a transitionIn/transitionOut value of 'elastic' then
the opacity setting in #1 becomes 0 although no effect is applied and
the content never displays.
2. The "fancy-close" button doesn't display. Firebug reports that the
image exists and previews it properly when I mouseover the style
declaration.
Am I missing something? Like I said, one of the examples seems to
indicate that I might be able to fire Fancybox this way rather than
having to trigger a click on a link, but maybe I'm misreading things.
Thanks.