Solved

Lightbox causing flash on page to disappear

Posted on 2009-06-30
5
906 Views
Last Modified: 2012-05-07
Hello,

I have a lightbox popup on my page, but when it comes up, the Flash on the page disappears. Is there a way to keep the Flash on the page, but also allow for the lightbox??

I've messed with the z-indexes, but I can't figure it out.


Click on What's a Wardrobe Stylist in the middle right of the page to see it.
The page is www.krio.me/erika


thanks!
0
Comment
Question by:krio7
  • 2
  • 2
5 Comments
 
LVL 17

Expert Comment

by:mreuring
ID: 24752433
It's not a bug, it's a feature. On many browser / platform combination flash doesn't play well with html overlays on top of flash. As a result, the standard solution to this problem is to hide all flash when an overlay is required.

Depending on the way it is handled you can make this more gracefull, for instance by having a background-image behind the flash that will appear once the flash disappears, or sometimes by crafting some CSS that only hides flash that may actually appear through the overlay, but keeping anything that is well clear of the overlay active.

I don't know if lightbox using a css rule to hide the flash or whether it's hardcoded in javascript though...
0
 
LVL 17

Accepted Solution

by:
mreuring earned 500 total points
ID: 24752452
I just had a look at your page, lightbox has hardcoded the hiding in Javascript, to resolve this you'll have to find the lines of code that add 'visibility: hidden' to all objects and embeds and hope for the best.

In my professional opinion the solution would be to not use flash for the text though, which would also resolve your problem...
0
 

Author Closing Comment

by:krio7
ID: 31598485
Thanks! it was only one line for the visibility hidden attribute that i changed and it works perfect!
0
 

Expert Comment

by:Alicart IT Dept.
ID: 25754937
in line

205:  $$('select', 'object', 'embed').each(function(node){ node.style.visibility = 'hidden' });

remove that line thats the line which hides object and embed tags.


The only problem im having with this is that everything works the way it should except im not getting the dark overlay. Hope i pointed you in the right direction i know im a bit late though lol
0
 

Expert Comment

by:Alicart IT Dept.
ID: 25755100
ok i figured out the problem with the transparency

in line 205 of lightbox.js theres a piece of code

$$(select, object, embed).each(function(node){ node.style.visibility = hidden });

this line block all embeds and object tags from being viewed while using lightbox.
0

Featured Post

Highfive + Dolby Voice = No More Audio Complaints!

Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

Join & Write a Comment

Many programs have tried to outwit PowerPoint in terms of technology and skill. These programs, however, still lack several characteristics that PowerPoint has possessed from the start. Here's why PowerPoint replacements won't entirely work for desi…
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Add visuals to your Prezi to keep your audience engaged. Learn how to embed images, edit them, and more in this video micro tutorial. Select "Insert" from the top menu in your Prezi editor: Select "Image": A toolbar will pop in from the right …

707 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now