Hallo,
habe eine Bildershow zusammengestellt. Auf der Seite gibt es eine Start- und Stopp-Funktion. Mit Start läuft die Show automatisch an. Das haut hin. Aber Stopp klappt nicht. Kann mir vielleicht jemand sagen, wo ich den Fehler gemacht habe? Danke!
Hier der Quellcode:
<body bgcolor="#cfffff" >
<script language="JavaScript1.2">
<!--
function reapply(){
setTimeout("slideit()",2000)
return true
}
window.onerror=reapply
// einbinden der Grafiken
var image1=new Image()
image1.src="bilder/galerie-01/donaubaden-06.jpg"
var image2=new Image()
image2.src="bilder/galerie-01/donaubaden-08.jpg"
var image3=new Image()
image3.src="bilder/galerie-01/donaubaden-09.jpg"
var image4=new Image()
image4.src="bilder/galerie-01/donaubaden-10.jpg"
var image5=new Image()
image5.src="bilder/galerie-01/donaubaden-11.jpg"
var image6=new Image()
image6.src="bilder/galerie-01/donaubaden-13.jpg"
var image7=new Image()
image7.src="bilder/galerie-01/donaubaden-20.jpg"
var image8=new Image()
image8.src="bilder/galerie-01/donaubaden-14.jpg"
// -->
</script>
<script>
<!--
var number_of_images=8 // Anzahl der Grafiken
var speed=4 // Geschwindigkeit des Filterübergang
var step=1 // Schrittanzahl
var image=1 // Start der ersten Grafik
function slideit() {
if (!document.images)
return
if (document.all)
slide.filters.blendTrans.apply()
document.images.slide.src=eval("image"+step+".src")
if (document.all)
slide.filters.blendTrans.play()
whichimage=step
if (step<number_of_images)
step++
else
step=1
if (document.all)
setTimeout("slideit()",speed*1000)
else
setTimeout("slideit()",speed*1000)
}
function exit() {
stop=true;
}
// -->
</script>
<table valign="middle" align="center" class="textnormal" bgcolor="#000099">
<tr><td width="350"><hr size="4"></td></tr>
<tr><td align="center" width="350"bgcolor="#cfffff">
<big><b><font color="#000099">Automatische Bildershow:
<br>"Arbeiten und baden an der Donau"</font></b></big>
</td></tr>
<tr><td width="350"><hr size="4"></td></tr>
<tr><td align="center" width="350">
</td></tr>
<tr><td align="center" valign="top" height="270">
<a href="javascript:slidelink()"
onMouseover="window.status='Jedes Bild hat eine eigene URL';return true"
onMouseout="window.status=''">
<img src="bilder/galerie-01/donaubaden-14.jpg" name="slide" border="0" valign="middle" align="center" style="filter:blendTrans(duration=3)"></a>
</td></tr>
<tr><td>
<form>
<input type=button value="Start" onClick="slideit()"><br>
<input type=button value="Stop" onClick="exit()"><br>
</form>
</td></tr>
</table>
</body>