[TYPO3-UG Oesterreich] sounds im menue abspielen

[ein wohner]

hallo,
wie versprochen hier meine lösung, live zu sehen auf 
http://www.vispa.at/Little-Music-School.12.0.html
ich hoffe das kann jemand gebrauchen.

in den constants steht:
----------------------
img1 = <td height="75" width="75" align="center"  class="menu_bt1">
img2 = <td height="75" width="75" align="center"  class="menu_bt2">
img3 = <td height="75" width="75" align="center"  class="menu_bt3">
img4 = <td height="75" width="75" align="center"  class="menu_bt4">
img5 = <td height="75" width="75" align="center"  class="menu_bt5">
img6 = <td height="75" width="75" align="center"  class="menu_bt6">
img7 = <td height="75" width="75" align="center"  class="menu_bt7">
img8 = <td height="75" width="100" align="center"  class="menu_bt8">
img1w = <td height="75" width="75" align="center"  class="menu_bt1w">
img2w = <td height="75" width="75" align="center"  class="menu_bt2w">
img3w = <td height="75" width="75" align="center"  class="menu_bt3w">
img4w = <td height="75" width="75" align="center"  class="menu_bt4w">
img5w = <td height="75" width="75" align="center"  class="menu_bt5w">
img6w = <td height="75" width="75" align="center"  class="menu_bt6w">
img7w = <td height="75" width="75" align="center"  class="menu_bt7w">
img8w = <td height="75" width="100" align="center"  class="menu_bt8w">
imgE = </td>
// ---------------------------------------------------------

im setup steht:
# -------------------------------------------------
// ---         navigation button menu           ---
# -------------------------------------------------
temp.navigation_html = HMENU
temp.navigation_html.entryLevel = 0
temp.navigation_html.excludeUidList = {$excludeList1}
temp.navigation_html.1 = TMENU

temp.navigation_html.1 {
  wrap = <table bgcolor="{$bgCol2}"><tr>|</tr></table>
  NO {
    ATagParams = onMouseOver="playSound(1)" onMouseOut="stopSound(1)" |*|
onMouseOver="playSound(2)" onMouseOut="stopSound(2)"    

    linkWrap = {$img1}|{$imgE} || {$img2}|{$imgE} || {$img3}|{$imgE} ||
{$img4}|{$imgE} || {$img5}|{$imgE} || {$img6}|{$imgE} || {$img7}|{$imgE} ||
{$img8}|{$imgE}

  }

  ACT = .NO
  ACT {
   ATagParams = onMouseOver="playSound(1)" onMouseOut="stopSound(1)" |*|
onMouseOver="playSound(2)" onMouseOut="stopSound(2)"    
   
   linkWrap = {$img1w}|{$imgE} || {$img2w}|{$imgE} || {$img3w}|{$imgE} ||
{$img4w}|{$imgE} || {$img5w}|{$imgE} || {$img6w}|{$imgE} || {$img7w}
{$imgE} || {$img8w}|{$imgE}
  }

  ACT = 1
}
// ----------------------------------------------------------

und schliesslich das stylesheet:

.menu_bt1,
.menu_bt2,
.menu_bt3,
.menu_bt4,
.menu_bt5,
.menu_bt6,
.menu_bt7,
.menu_bt8

{ 
  border: 0px solid white; 
  width:  75px;
  height: 75px;
  color: white;  
  background: url("image/buttonleiste.jpg");
  background-repeat: no-repeat;  
}



.menu_bt1w,
.menu_bt2w,
.menu_bt3w,
.menu_bt4w,
.menu_bt5w,
.menu_bt6w,
.menu_bt7w,
.menu_bt8w
{ 
  border: 1px dotted white; 
  width:  75px;
  height: 75px;
  background: url("image/buttonleiste.jpg");
  background-repeat: no-repeat;  
}


/* ** nun wird das Hintergrundbild in jeder einzelnen Tabellenzelle
positioniert */

.menu_bt1 {
    background-position: -8px 0px;
}

.menu_bt2 {
    background-position: -88px 0px;
}

.menu_bt3 {
    background-position: -171px 0px;
}

.menu_bt4 {
    background-position: -259px 0px;
}

.menu_bt5 {
    background-position: -342px 0px;
}

.menu_bt6 {
    background-position: -428px 0px;
}

.menu_bt7 {
    background-position: -510px 0px;
}

.menu_bt8,
{ 
  border-left: 0px dotted white; 
  width:  100px;
  height: 75px;
  color: white;
  background: url("image/spacer.gif");
  background-repeat: no-repeat;   
}

.menu_bt1w {
    background-position: -8px 0px;
    color: white;
}

.menu_bt2w {
    background-position: -88px 0px;
    color: white;
}

.menu_bt3w {
    background-position: -171px 0px;
    color: white;
}

.menu_bt4w {
    background-position: -259px 0px;
    color: white;
}

.menu_bt5w {
    background-position: -342px 0px;
    color: white;
}

.menu_bt6w {
    background-position: -428px 0px;
    color: white;
}

.menu_bt7w {
    background-position: -510px 0px;
    color: white;
}

.menu_bt8w
{ 
  border-left: 0px dotted #cccccc; 
  width:  100px;
  height: 75px;
  color: white;
  background: url("image/spacer.gif");
  background-repeat: no-repeat;    
}


ew wrote:

> Hallo Gruppe,
> hab es doch tatsächlich geschafft, typo3 ist super, optionsplit war DIE
> lösung.
> 
> werde das ergebnis sobald alles fertig ist hier posten, vielleicht kanns
> ja jemand brauchen.
> 
> -g ew

-- 
-mfg ew