Solved

Flash and Lightbox in Safari,Chrome

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

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

Suggested Solutions

This article covers the basics of the Sass, which is a CSS extension language. You will learn about variables, mixins, and nesting.
PROBLEM: The other day I was working on adding an ajax request to a webpage that already had a dialog box on the page.  The dialog box was using relative positioning to be positioned next to a form field I had on the page.  Everything was working…
Viewers will learn about basic arrays, how to declare them, and how to use them. Introduction and definition: Declare an array and cover the syntax of declaring them: Initialize every index in the created array: Example/Features of a basic arr…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

856 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