PDA

View Full Version : spry menu beneath flash slideshow


carbonfiberpoopshoot
04-01-2008, 06:25 AM
Hi, i want to have a vert spry menu to overlay a flash slideshow that is in the background... my problem is that the spry menu is underneath the slideshow and thus cannot be seen.

how do i change the layer priority so that the spry menu is on top?

thanks a ton

edbr
04-01-2008, 07:10 AM
post some code of your page

carbonfiberpoopshoot
04-01-2008, 06:18 PM
<html>
<head>
<title>concept</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
<!--
body,td,th {
font-family: Courier New, Courier, monospace;
font-size: 16px;
}
body {
background-color: #000000;
margin-top: 2%;
}
-->
</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>

<style type="text/css">
<!--
a:link {
color: #CCCCCC;
}
a:hover {
color: #FFFFFF;
}
a:visited {
color: #666666;
}
a:active {
color: #CCCCCC;
}
-->
</style>
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.style1 {color: #999999}
.style2 {
color: #333333;
font-size: 12px;
}
-->
</style>
</head>
<body leftmargin="0" marginwidth="0">
<!-- ImageReady Slices (concept.psd) -->
<table width="1000" height="567" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tr>
<td width="9">
<img src="images/index_01.gif" width="9" height="10" alt=""></td>
<td colspan="5">
<img src="images/index_02.gif" width="978" height="10" alt=""></td>
<td width="13">
<img src="images/index_03.gif" width="13" height="10" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="images/index_04.gif" width="9" height="606" alt=""></td>
<td height="501" colspan="5" bgcolor="#1D1D1D"><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','978','heigh t','499','src','slideshow/slideshow','quality','high','flashvars','flashlet= {imageLinkTarget:\'_blank\',captionFont:\'Verdana\ ',titleFont:\'Verdana\',showControls:false,frameSh ow:false,slideDelay:8,captionSize:10,captionColor: #333333,titleSize:10,transitionsType:\'Fade\',titl eColor:#333333,slideAutoPlay:true,imageURLs:[\'slideshow/slideshow1.jpg\',\'slideshow/slideshow2.jpg\'],slideLoop:true,frameThickness:2,imageLinks:[\'http://macromedia.com/\',\'http://macromedia.com/\',\'http://macromedia.com/\'],frameColor:#333333,bgColor:#1D1D1D,imageCaptions:[]}','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','flas h_component','ImageViewer.swc','movie','slideshow/slideshow' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="978" height="499">
<param name="flash_component" value="ImageViewer.swc">
<param name="movie" value="slideshow/slideshow.swf">
<param name="quality" value="high">
<param name="FlashVars" value="flashlet={imageLinkTarget:'_blank',captionFont:'Ve rdana',titleFont:'Verdana',showControls:false,fram eShow:false,slideDelay:8,captionSize:10,captionCol or:#333333,titleSize:10,transitionsType:'Fade',tit leColor:#333333,slideAutoPlay:true,imageURLs:['slideshow/slideshow1.jpg','slideshow/slideshow2.jpg'],slideLoop:true,frameThickness:2,imageLinks:['http://macromedia.com/','http://macromedia.com/','http://macromedia.com/'],frameColor:#333333,bgColor:#1D1D1D,imageCaptions:[]}">
<embed src="slideshow/slideshow.swf" quality="high" flashvars="flashlet={imageLinkTarget:'_blank',captionFont:'Ve rdana',titleFont:'Verdana',showControls:false,fram eShow:false,slideDelay:8,captionSize:10,captionCol or:#333333,titleSize:10,transitionsType:'Fade',tit leColor:#333333,slideAutoPlay:true,imageURLs:['slideshow/slideshow1.jpg','slideshow/slideshow2.jpg'],slideLoop:true,frameThickness:2,imageLinks:['http://macromedia.com/','http://macromedia.com/','http://macromedia.com/'],frameColor:#333333,bgColor:#1D1D1D,imageCaptions:[]}" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="978" height="499"> </embed>
</object>
</noscript></td>
<td rowspan="3">
<img src="images/index_06.gif" width="13" height="606" alt=""></td>
</tr>
<tr>
<td width="442" rowspan="2" bgcolor="#1D1D1D"><img src="images/index_07.jpg" width="442" height="92" alt="evan batson"></td>
<td width="157" height="29" bgcolor="#1D1D1D">&nbsp;</td>
<td width="174" bordercolor="#1D1D1D" bgcolor="#1D1D1D"><ul id="MenuBar1" class="MenuBarVertical">
<li><a class="MenuBarItemSubmenu" href="#">Projects</a>
<ul>
<li><a href="#">Megaron1BR</a></li>
<li><a href="#">AOM Series</a></li>
<li><a href="#">Music</a></li>
</ul>
</li>
</ul> </td>
<td width="131" bgcolor="#1D1D1D"><span class="style1">About</span></td>
<td width="74" bgcolor="#1D1D1D">&nbsp;</td>
</tr>
<tr>
<td height="18" bgcolor="#1D1D1D">&nbsp;</td>
<td bgcolor="#1D1D1D">&nbsp;</td>
<td bgcolor="#1D1D1D">&nbsp;</td>
<td bgcolor="#1D1D1D">&nbsp;</td>
</tr>
<tr>
<td>
<img src="images/index_16.gif" width="9" height="9" alt=""></td>
<td>
<img src="images/index_17.gif" width="442" height="9" alt=""></td>
<td colspan="5">
<img src="images/index_18.gif" width="549" height="9" alt=""></td>
</tr>
</table>
<p align="center">
<!-- End ImageReady Slices -->
<span class="style2">Test</span></p>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>

domedia
04-01-2008, 06:27 PM
From Flash when you export the swf w/HTML, make sure that WMODE is set to transparent

carbonfiberpoopshoot
04-01-2008, 11:10 PM
thanks, is there any way to do this just in dreamweaver though?

m1a2x3x7
04-03-2008, 09:37 PM
No, there is a publish setting in Flash that needs to be set for WMODE. You do have to set the correct parameters in Dreamweaver for it to allow the SWF to be transparent but it wont work without the changing the setting in Flash.

Ricky55
04-13-2008, 08:15 PM
This can be done in Dreamweaver, in the properties inspector bottom right, parameters create a new one called wmode. Not got dw in front of me so cant be more specific but you can do this in DW