Hallo zusammen,

ich habe 6 Bilder, die bei Click ihre Position verändern sollen - und zwar erst ein wenig nach unten und dann nach links...

Es funktioniert auch... leider jedoch nur beim ersten Bild das geklickt wird :(

Ich komm' da ehrlich nicht weiter... Vielleicht sieht einer von euch den Fehler ?!

Hier der html-code (leicht verkürzt):
*********************************************************************

<div id="mtip1" style="visibility:hidden;">Text1</div>
<div id="mtip2" style="visibility:hidden;">Text2</div>
<div id="mtip3" style="visibility:hidden;">Text3</div>
<div id="mtip4" style="visibility:hidden;">Text4</div>
<div id="mtip5" style="visibility:hidden;">Text5</div>
<div id="mtip6" style="visibility:hidden;">Text6</div>

<div id="m1" style="position:absolute;top:44px;left:143px;">
<img src="images/bild1.gif" border="0" width="85" height="30"  onMouseOver="showMenu(1);" onMouseOut="hideMenu(1);" onClick="activate(1);"></div>
<div id="m2" style="position:absolute;top:44px;left:200px;">
<img src="images/bild2.gif" border="0" width="95" height="30" alt="" onMouseOver="showMenu(2);" onMouseOut="hideMenu(2);" onClick="activate(2);"></div>
<div id="m3" style="position:absolute;top:44px;left:267px;">
<img src="images/bild3.gif" border="0" width="95" height="30" alt="" onMouseOver="showMenu(3);" onMouseOut="hideMenu(3);" onClick="activate(3);"></div>
<div id="m4" style="position:absolute;top:44px;left:334px;">
<img src="images/bild4.gif" border="0" width="95" height="30" alt="" onMouseOver="showMenu(4);" onMouseOut="hideMenu(4);" onClick="activate(4);"></div>
<div id="m5" style="position:absolute;top:44px;left:397px;">
<img src="images/bild5.gif" border="0" width="95" height="30" alt="" onMouseOver="showMenu(5);" onMouseOut="hideMenu(5);" onClick="activate(5);"></div>
<div id="m6" style="position:absolute;top:44px;left:464px;">
<img src="images/bild6.gif" border="0" width="75" height="30" alt="" onMouseOver="showMenu(6);" onMouseOut="hideMenu(6);" onClick="activate(6);"></div>

*********************************************************************

Und hier der zugehörige script-Teil
*********************************************************************
var ini = 0;
var t=44;
var links = 0;
var l1 = 143
var l2 = 200
var l3 = 267
var l4 = 334
var l5 = 397
var l6 = 464

function showMenu(item) {
var x = item;
document.getElementById('mtip'+x).style.visibility='visible';
}

function hideMenu(item) {
var y = item;
document.getElementById('mtip'+y).style.visibility='hidden';
}

function activate(item) {
var z = item;
if (t<89) {
  document.getElementById('m'+z).style.top=t+'px';
  t = t+2;
  window.setTimeout("activate("+z+")",1);
}
if (t>88) {moveLeft(z);}
}

function moveLeft(item) {
var u = item;
if (ini<1) {
  if (u==1) {links = l1;}
  else if (u==2) {links = l2;}
  else if (u==3) {links = l3;}
  else if (u==4) {links = l4;}
  else if (u==5) {links = l5;}
  else if (u==6) {links = l6;}
}
ini = 1;
if (links>143) {
  document.getElementById('m'+u).style.left=links+'px';
  links=links-2;
  window.setTimeout("moveLeft("+u+")",1);
}
}
*********************************************************************

Wie gesagt: Ich komm da nicht weiter :(

Thnx im Voraus !!

Gruss aus Münster

Pedda