Fancybox - Flash overlaps (setting wmode to opaque or transparent only works on Mac)

[NiallASD]

Hi all,

I've recently converted over to Fancybox from Lightbox and love how
stylish it is!

However, I've been having problem where it doesn't work alongside
Flash content properly, I think the best way to explain this is
through bullet points (oh, and after looking into it I found that
wmode is meant to help):

> It works fine on an iMac and MacBook with wmode set to opaque / transparent (either) - Safari and FF browsers
> On a Windows PC and laptop the banner doesn't fade and Fancybox appears behind it instead of in front of it - Safari and FF browsers
> The banner doesn't fade but Fancybox appear over it as I want it to - IE8 browser

Here is a page with Fancybox:
http://www.greencastleparish.com/ghanavisit2009.htm

And one with Lightbox:
http://www.greencastleparish.com/goodfriday2009.htm

Does it matter that the banner was created using a Dreamweaver
template?

Any and all help is really appreciated!

[JFK]

you have to set wmode=opaque (or wmode="opaque") for your Flash
application indeed

I had a look into your code and you have different scripting options
for your swf banner to be displayed
wmode=opaque is set within a <noscript> tag and in that way Firefox
and other standard browsers (Windows) won't see it

be sure that you set wmode=opaque within either your script, object or
embed tags outside the <noscript> tag

[NiallASD]

Thanks for the reply mate.

Forgive me, but can you point out to me where exactly should I set
wmode="opaque"?

[NiallASD]

I've set wmode="opaque" in the AC code as below:

----------------------------------------------------
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/
shockwave/cabs/flash/
swflash.cab#version=9,0,28,0','width','750','height','242','src','Images
etc./welcomebanner','quality','high','pluginspage','http://
www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','Images
etc./welcomebanner','wmode="opaque"' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/
swflash.cab#version=9,0,28,0" width="750" height="242">
<param name="movie" value="../Images etc./
welcomebanner.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<embed src="../Images etc./welcomebanner.swf" width="750"
height="242" quality="high" pluginspage="http://www.adobe.com/
shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash" wmode="opaque"></embed>
</object>
</noscript>
----------------------------------------------------

It's now working in Safari but not in IE8, unsure about FF.

On Oct 12, 7:29 pm, JFK <jfk.d...@gmail.com> wrote:

[JFK]

in that way the parameter in not passed
so for
......banner','wmode="opaque"'

I would better write

......banner','wmode','opaque'

just as you did with your other parameters

On Oct 13, 12:55 pm, NiallASD <nialldev...@hotmail.com> wrote:
> I've set wmode="opaque" in the AC code as below:
>
> ----------------------------------------------------
> <script type="text/javascript">
> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/
> shockwave/cabs/flash/
> swflash.cab#version=9,0,28,0','width','750','height','242','src','Images

> etc./welcomebanner','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=Shockwa...

[NiallASD]

Woo, that's it now!

Thanks so much JFK!

On Oct 13, 10:39 pm, JFK <jfk.d...@gmail.com> wrote:
> in that way the parameter in not passed
> so for
> ......banner','wmode="opaque"'
>
> I would better write
>
> ......banner','wmode','opaque'
>
> just as you did with your other parameters
>
> On Oct 13, 12:55 pm, NiallASD <nialldev...@hotmail.com> wrote:
>
>
>
> > I've set wmode="opaque" in the AC code as below:
>
> > ----------------------------------------------------
> > <script type="text/javascript">
> > AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/
> > shockwave/cabs/flash/
> > swflash.cab#version=9,0,28,0','width','750','height','242','src','Images

> > etc./welcomebanner','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=......