articlesPlacing a flash movie or Google map on your page can be useful, but not when menu drop downs fall behind the flash object or iframe.

Flash is always the highest thing on the page wether you give it a z-index or not.

When I placed the flash on the websites page I tried using the search box, and the results always showed up behind the flash movie.

Some suggest wrapping the movie or iframe in a div with a low z-index or 'stacking order' but this unfortunatly does not work.

My original code to embed the flash used an iframe to avoid the problem of embedding a flash file which uses an xml into the joomla content management system. It looked like this:

Original code:

<iframe src="/PathToMy.swf" width="900px" height="300px" frameborder="0" scrolling="auto"></iframe></code></p> <p>This was working great and the SWF could read the XML file, but the search results were faling behind the movie.</p> <p>The solution is to change the way you embed the flash file. It should be placed in an object tag like this:</p> <p><strong>Correct code:</strong></p> <p><code><object height="300" width="900" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,32,18" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"><br /> <param name="src" value="PathToMy.swf" />
<param name="wmode" value="transparent" /><embed height="300" width="900" wmode="transparent" src="/PathToMy.swf" type="application/x-shockwave-flash"></embed><br /></object></code></p> <p>For objects to appear over the movie, the flash file has to use the transparent window mode which cannot be added to an iframe.</p> <p>One drawback of this method is that interactive actionscripts don't work. With the original file you could scroll the images with your mouse wheel, now you have to click on one.</p> <p>If you are embeding the flash file into a content management system such as joomla, this also has the problem of the SWF file not being able to read the XML file.</p> <p>The solution to this is to place the SWF and XML files in the root directory of your site with the correct path to your images.</p>"

Category: Joomla

Newsletter Signup

Latest Posts

Google+ Timeline Feed for your Website Google+ Timeline Feed for your Website 2012-05-11 - I was asked earlier today to create a Google+ widget for a website to replace a twitt... More detail
Run Facebook Messenger on Windows Vista Run Facebook Messenger on Windows Vista 2012-04-19 - Facebook has just released it's new messenger for windows but it only runs on Windo... More detail
Translate K2store Product Attributes with Joomfish Translate K2store Product Attributes with Joomfish 2011-11-03 - If you have a K2store and your site is in multiple languages, you might have found th... More detail
French Translations for K2store French Translations for K2store 2011-11-02 - I have been working recently with the K2 component/plugin K2store. As a simple sho... More detail
How I Upgraded to Joomla 1.7 How I Upgraded to Joomla 1.7 2011-09-25 - Inspired by Robert Vining over at www.joomstew.com and the fact that I am building mo... More detail

Twitter Stuff