Solved

Lightbox causing flash on page to disappear

Posted on 2009-06-30
5
919 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

Secure Your WordPress Site: 5 Essential Approaches

WordPress is the web's most popular CMS, but its dominance also makes it a target for attackers. Our eBook will show you how to:

Prevent costly exploits of core and plugin vulnerabilities
Repel automated attacks
Lock down your dashboard, secure your code, and protect your users

Question has a verified solution.

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

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
It is a freely distributed piece of software for such tasks as photo retouching, image composition and image authoring. It works on many operating systems, in many languages.
Suggested Courses

635 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