Solved

Flash and Lightbox in Safari,Chrome

Posted on 2009-04-01
2
916 Views
Last Modified: 2013-11-19
Alright, so I've written this site ...

http://www.braintreestudios.com/

The guy loves it to death, but there's a problem. on the gallery page, the lightbox effect. In safari and chrome, half of the images are rendering underneath the flash header.

Is this a known issue with Flash? Any idea how to fix it?

It's using jQuery Lightbox, not Scriptaculous Lightbox. But I experienced the same issue with both plugins.
0
Comment
Question by:veruthandai
[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 Comments
 
LVL 14

Accepted Solution

by:
ziffgone earned 500 total points
ID: 24050466
Yup, it's a known issue and has an easy fix. Add »»  wmode="transparent"  «« to your Embed Tag. See below example.

Hope this helps. :)
<embed src="./app_content/flash/header_v7.swf?button=0" wmode="transparent" width="676" height="314"></embed>

Open in new window

0
 

Author Closing Comment

by:veruthandai
ID: 31565549
This is great, thank you so much!

Is there any similar tactic to make it not reload the flash file and start the animation from the beginning?
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Preface This is the third article about the EE Collaborative Login Project. A Better Website Login System (http://www.experts-exchange.com/A_2902.html) introduces the Login System and shows how to implement a login page. The EE Collaborative Logi…
How to build a simple, quick and effective accordion menu using just 15 lines of jQuery and 2 css classes
Explain concepts important to validation of email addresses with regular expressions. Applies to most languages/tools that uses regular expressions. Consider email address RFCs: Look at HTML5 form input element (with type=email) regex pattern: T…
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…

729 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