Solved

Flash and Lightbox in Safari,Chrome

Posted on 2009-04-01
2
915 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
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

Forrester Webinar: xMatters Delivers 261% ROI

Guest speaker Dean Davison, Forrester Principal Consultant, explains how a Fortune 500 communication company using xMatters found these results: Achieved a 261% ROI, Experienced $753,280 in net present value benefits over 3 years and Reduced MTTR by 91% for tier 1 incidents.

Question has a verified solution.

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

How to build a simple, quick and effective accordion menu using just 15 lines of jQuery and 2 css classes
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

730 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