Tweet
[JavaScript] image statt button
HI leute, ich ein kleines problem mit nem script, dass per button bilder austauscht. ich wollte die buttons durch images ersetzen. Aber das tut nicht. im script unten hab ich die ersten input type=button durch input type="image" ersetzt und es funktioniert nur für nen sekundenbruchteil. hat jemand ne idee? danke und grüße alex
<script type="text/javascript">
<!--
var namen=new Array("0.jpg","1.jpg","2.jpg","3.jpg","4.jpg");
var bilder=new Array();
function lade()
{
var i;
for (i=0;i<5;i++)
{
bilder[i]=new Image();
bilder[i].src=namen[i];
}
}
function zeige(nr)
{
document.images[0].src=bilder[nr].src;
}
//-->
</script>
</head>
<body onLoad="lade();">
<img src="0.jpg" width="200" height="200">
<br>
<form>
<input type="image" src="001.jpg" onClick="zeige(0)"><br>
<input type="image" src="002.jpg" onClick="zeige(1)"><br>
<input type=button value="prev.gif" onClick="zeige(2)"><br>
<input type=button value="next.gif" onClick="zeige(3)"><br>
<input type=button value="down.gif" onClick="zeige(4)"><br>
</form>
<script type="text/javascript">
<!--
var namen=new Array("0.jpg","1.jpg","2.jpg","3.jpg","4.jpg");
var bilder=new Array();
function lade()
{
var i;
for (i=0;i<5;i++)
{
bilder[i]=new Image();
bilder[i].src=namen[i];
}
}
function zeige(nr)
{
document.images[0].src=bilder[nr].src;
}
//-->
</script>
</head>
<body onLoad="lade();">
<img src="0.jpg" width="200" height="200">
<br>
<form>
<input type="image" src="001.jpg" onClick="zeige(0)"><br>
<input type="image" src="002.jpg" onClick="zeige(1)"><br>
<input type=button value="prev.gif" onClick="zeige(2)"><br>
<input type=button value="next.gif" onClick="zeige(3)"><br>
<input type=button value="down.gif" onClick="zeige(4)"><br>
</form>
Comment