Positions-Änderung von Bildern
Pedda
- javascript
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
Liebe(r) Pedda,
Es funktioniert auch... leider jedoch nur beim ersten Bild das geklickt wird :(
Fehlermeldung? Was meinst Du mit "funktioniert"? Was funktioniert denn genau _nicht_?
Liebe Grüße aus Ellwangen,
Felix Riesterer.