We are an Ethical SEO company providing Joomla web design, internet marketing (emarketing) and training.

Flash overlapping JS div scroller

Question: Hi. We are using a JS div scroller in our Joomla template. Works great. But, we have flash videos on several pages. When scrolling, the flash movie floats over the scroller buttons and is a very bad user experience.

Answer: Most likely you need the wmode="transparent" param set in the flash tags. In IE it needs to be its own parameter. In Firefox, you need to set it in the embed tag.

Here's an example. Notice the bolded items.

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="426" height="360">
<param name="movie" value="/your.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="True" />
<embed src="/your.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="426" height="360" allowScriptAccess="sameDomain" allowFullScreen="True" wmode="transparent">
</embed>
</object>