Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Lightbox causing flash on page to disappear

Posted on 2009-06-30
5
Medium Priority
?
926 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 2000 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

New benefit for Premium Members - Upgrade now!

Ready to get started with anonymous questions today? It's easy! Learn more.

Question has a verified solution.

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

Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
Illustrator's Shape Builder tool will let you combine shapes visually and interactively. This video shows the Mac version, but the tool works the same way in Windows. To follow along with this video, you can draw your own shapes or download the file…

715 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