Dreamweaver Club Forums

Dreamweaver Club Forums (http://www.dreamweaverclub.com/forum//index.php)
-   Spry (http://www.dreamweaverclub.com/forum//forumdisplay.php?f=189)
-   -   spry menu beneath flash slideshow (http://www.dreamweaverclub.com/forum//showthread.php?t=27657)

carbonfiberpoopshoot 04-01-2008 05:25 AM

spry menu beneath flash slideshow
 
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 06:10 AM

post some code of your page

carbonfiberpoopshoot 04-01-2008 05:18 PM

HTML Code:

<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','height','499','src','slideshow/slideshow','quality','high','flashvars','flashlet={imageLinkTarget:\'_blank\',captionFont:\'Verdana\',titleFont:\'Verdana\',showControls:false,frameShow:false,slideDelay:8,captionSize:10,captionColor:#333333,titleSize:10,transitionsType:\'Fade\',titleColor:#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','flash_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:'Verdana',titleFont:'Verdana',showControls:false,frameShow:false,slideDelay:8,captionSize:10,captionColor:#333333,titleSize:10,transitionsType:'Fade',titleColor:#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:'Verdana',titleFont:'Verdana',showControls:false,frameShow:false,slideDelay:8,captionSize:10,captionColor:#333333,titleSize:10,transitionsType:'Fade',titleColor:#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 05:27 PM

From Flash when you export the swf w/HTML, make sure that WMODE is set to transparent

carbonfiberpoopshoot 04-01-2008 10:10 PM

thanks, is there any way to do this just in dreamweaver though?

m1a2x3x7 04-03-2008 08: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 07: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


All times are GMT. The time now is 05:27 AM.

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com