Hi, meinst du so etwas?:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Diashow</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
if(document.images)
{
bild1 = new Image;
bild1.src = "img/book.gif";
bild2 = new Image;
bild2.src = "img/back.gif";
bild3 = new Image;
bild3.src = "img/badcarrot.gif";
bild4 = new Image;
bild4.src = "img/absende.gif";
}
else
{
var mein_bild = "";
var anfang = "";
}
var zaehler = 1;
function dia(zahl)
{
if(zahl > 0)
{
if(zaehler == 4)
{
zaehler = 0;
}
zaehler = zaehler + zahl;
document.bild.src = eval("bild" + zaehler + ".src");
if(document.bild.src == bild1.src)
{
document.forms[0].elements[0].value = "Buch";
}
else if(document.bild.src == bild2.src)
{
document.forms[0].elements[0].value = "Zurück";
}
else if(document.bild.src == bild3.src)
{
document.forms[0].elements[0].value = "Karotte";
}
else if(document.bild.src == bild4.src)
{
document.forms[0].elements[0].value = "Absenden";
}
}
else
{
zaehler = zaehler + zahl;
if(zaehler == 0)
{
zaehler = 4;
}
document.bild.src = eval("bild" + zaehler + ".src");
}
}
//-->
</script>
</head>
<body bgcolor="#669999" onLoad="setInterval('dia(+1)', 1000)">
<table border="1" cellspacing="0" cellpadding="0" width="100%" height="100%">
<tr>
<td width="25%" align="center"><a href="#" onClick="dia(-1)">Zurück</a></td>
<td width="50%" align="center"><img src="img/book.gif" name="bild"><br><form><input type="text" value="Buch"></form></td>
<td width="25%" align="center"><a href="#" onClick="dia(+1)">Vor</a></td>
</tr>
</table>
</body>
</html>
Lässt sich gut modifizieren, ist einfach und sollte funktionieren