Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 931
  • Last Modified:

Lightbox causing flash on page to disappear

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
krio7
Asked:
krio7
  • 2
  • 2
1 Solution
 
mreuringCommented:
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
 
mreuringCommented:
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
 
krio7Author Commented:
Thanks! it was only one line for the visibility hidden attribute that i changed and it works perfect!
0
 
Alicart IT Dept.Commented:
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
 
Alicart IT Dept.Commented:
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

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now