Solved

Lightbox causing flash on page to disappear

Posted on 2009-06-30
5
915 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
CSS question 4 57
Want my table columns to autofit. 7 63
drop down menu blocks search boxes 4 23
how can i find the index of all downloads for a site 3 14
Technology opened people to different means of presenting information, but PowerPoint remains to be above competition. Know why PPT still works today.
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
Learn the basics of inputting and editing your text components in Prezi. We will cover how to set styles, position, and group your text components. In your Prezi editor, click anywhere on the canvas to add text: A flashing cursor informs you that yo…
Learn how to use the remote presentation tool in Prezi to allow you to harness the power of this cloud based presentation platform. You can show your presentation with a remote audience using this free tool.

739 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