Help! Lightbox image viewer is interrupted by Flash

[yellowpup]

Hi, I've just put "Lightbox image viewer" into the web site that I'm working on. The page where "Lightbox image viewer" embedded in has a Flash movie clip. Then, that flash animation prevents "Lightbox image viewer" from displaying correctly. In other words, flash overwraps "Lightbox image viewer".
Here's my site that I'm talking about.
http://kayokoscreations.com/service.htm

Thumbnails at the middle of the page is supposed to work with "Lightbox image viewer".
Is there anyone knows how to fix it? I wonder if my CSS (for the layout) causes this problem...

Thanks.

[jscheuer1]

If this won't take care of it, then there may be no solution other than to put the flash element on another page -

Follow the detailed information at:

http://www.macromedia.com/cfusion/kn...fm?id=tn_14201

Or, if this short version (good in most cases) fixes it, so much the better! Add in this language to your object/embed tag:

Add the following parameter to the OBJECT tag:

<param name="wmode" value="transparent">

Add the following attribute to the EMBED tag:

wmode="transparent"

[yellowpup]

Thank you, John!!
It worked perfectly!
I really really apreciate you!

[djr33]

For some reason, this script isn't loading on this computer (school), but isn't this the one that actually has problems on the demo page with the flash ad there?

Maybe you should note that somewhere, John.

[machinna]

Help! Lightbox image viewer is interrupted by Other Menu JavaScript ?

Link to see . Click in image Thumbnail :

http://www.renar.com.br/samples/pref...ocalizacao.htm

Help Please...

Sorry for my english..

Thx

Roberto

[tech_support]

Have you tried upgrading the Lightbox to v2?

[jscheuer1]

Help! Lightbox image viewer is interrupted by Other Menu JavaScript ?

Link to see . Click in image Thumbnail :

http://www.renar.com.br/samples/pref...ocalizacao.htm

Help Please...

Sorry for my english..

Thx

Roberto

Here is the trouble from code on your page:

#imcontainer1"+id+"{text-align:left;z-index:"+(899-id)+";

There are various ways to fix it but, I'd try:

#imcontainer1"+id+"{text-align:left;z-index:"+(50-id)+";

[machinna]

I upgrading to v2 but occurring same error...

jscheuer1, i change the value

#imcontainer1"+id+"{text-align:left;z-index:"+(899-id)+";

to

#imcontainer1"+id+"{text-align:left;z-index:"+(50-id)+";

and work perfectly

What Z-index ? positioning ?

*Sorry for my english

Very Thx

[jscheuer1]

What Z-index ? positioning ?

Yes, in a way. The z-index is the stack position or order. When one thing is over another because of absolute or relative positioning, it is how deep in the stack it appears. Elements with higher z-index are on top. A script like lightbox typically uses a z-index of 100 to get its special effects on top. Because the menu was using 899, it was over the lightbox. Changing it to 50 allows it to still be over everything else on the page (which it needs to be) but still be under the lightbox.

[machinna]

Congratulations jscheuer !!!

My page work 100% now

Nice explanation for me


Cya,


Roberto