Tweet
Bild zittert
Hi,
brauch mal wieder eure Hilfe! Habe mir ein Script gebastelt, dass wenn man über ein Bild fährt, dieses automatisch sich langsam vergrößert und bei onmouseout dieses sich automatisch verkleinert. Funktioniert auch perfekt, nur wenn man während es sich vergrößert wieder drüber fährt, dann fängt das Bild an zu zittern und hört nicht mehr auf!
Bin da mit meinem Latein am ende. Ich hoffe mir kann jemand helfen, wie ich das Problem lösen kann!
Hier der Code:
brauch mal wieder eure Hilfe! Habe mir ein Script gebastelt, dass wenn man über ein Bild fährt, dieses automatisch sich langsam vergrößert und bei onmouseout dieses sich automatisch verkleinert. Funktioniert auch perfekt, nur wenn man während es sich vergrößert wieder drüber fährt, dann fängt das Bild an zu zittern und hört nicht mehr auf!
Bin da mit meinem Latein am ende. Ich hoffe mir kann jemand helfen, wie ich das Problem lösen kann!
Hier der Code:
Code:
<script language="javascript" type="text/javascript">
var breite;
var end_groeße;
var bild_name;
var x=0;
function auslesen(name,todo)
{
bild_name=name;
breite=document.images[bild_name].width;
if (todo=="rise" && breite == 25)
{rise();}
else
{shrink();}
}
function rise()
{ //alert (x);
if (x==0)
{x=breite;}
if (x < 51)
{document.getElementsByTagName("span")[0].firstChild.data=document.images[bild_name].width;
document.images[bild_name].width=x;
x++;
window.setTimeout("rise()",100);
}
}
function shrink()
{
if (x > 24)
{document.getElementsByTagName("span")[0].firstChild.data=document.images[bild_name].width;
document.images[bild_name].width=x;
x--;
window.setTimeout("shrink()",100);
}
}
</script>
</head>
<body>
</body>
Widht:<span>--</span>
<div style="position:absolute; width:150px; height:150px; z-index:1; overflow : auto; visibility:visibel; left: 79px; top: 96px;">
<table width="100%" height="100%" border="1">
<tr>
<td align="center">
<img src="../../Layout/Zusatz/button_zurueck_normal.gif"
onMouseOver="auslesen('bild_1','rise')"
onMouseOut="auslesen('bild_1','shrink')" name="bild_1" width="25">
</td>
</tr>
</table>
</html>
Kommentar