nicht angemeldet
Ich habe von meinem Boss die Vorgabe bekommen, eine Art Diashow zu erstellen. Also habe ich das Beispiel aus SelfHTML mit den Dynamischen Filtern genommen und versucht zu modifizieren. Das Problem ist, dass die Bilder automatisch umspringen sollen und nicht mittels Mausklick. Gibt es unter JavaScript einen Befehl, der das bewirken kann?
Script sieht bisher wiefolgt aus:
<html>
<head>
<script language="JavaScript">
<!--
Bild0 = new Image(); Bild0.src = "1.jpg";
Bild1 = new Image(); Bild1.src = "2.jpg";
Bild2 = new Image(); Bild2.src = "3.jpg";
Bild3 = new Image(); Bild3.src = "4.jpg";
Bild4 = new Image(); Bild4.src = "5.jpg";
Bild5 = new Image(); Bild5.src = "6.jpg";
Bild6 = new Image(); Bild6.src = "7.jpg";
Bild7 = new Image(); Bild7.src = "8.jpg";
Bild8 = new Image(); Bild8.src = "9.jpg";
Bild9 = new Image(); Bild9.src = "xx.jpg";
var Bild = 0;
function Bildwechsel()
{
if(Bild == 0)
{
Bild = 1; document.all.DynBild.filters.revealTrans.Apply(); document.all.DynBild.src = Bild1.src; document.all.DynBild.filters.revealTrans.Play();
}
else
{
if(Bild == 1)
{
Bild = 2;
document.all.DynBild.filters.revealTrans.Apply(); document.all.DynBild.src = Bild2.src; document.all.DynBild.filters.revealTrans.Play();
}
else
{
if(Bild == 2)
{
Bild = 3;
document.all.DynBild.filters.revealTrans.Apply(); document.all.DynBild.src = Bild3.src; document.all.DynBild.filters.revealTrans.Play();
}
else
{
if(Bild == 3)
{
Bild = 4;
document.all.DynBild.filters.revealTrans.Apply(); document.all.DynBild.src = Bild4.src; document.all.DynBild.filters.revealTrans.Play();
}
else
{
if(Bild == 4)
{
Bild = 5;
document.all.DynBild.filters.revealTrans.Apply(); document.all.DynBild.src = Bild5.src; document.all.DynBild.filters.revealTrans.Play();
}
else
{
if(Bild == 5)
{
Bild = 6;
document.all.DynBild.filters.revealTrans.Apply(); document.all.DynBild.src = Bild6.src; document.all.DynBild.filters.revealTrans.Play();
}
else
{
if(Bild == 6)
{
Bild = 7;
document.all.DynBild.filters.revealTrans.Apply(); document.all.DynBild.src = Bild7.src; document.all.DynBild.filters.revealTrans.Play();
}
else
{
if(Bild == 7)
{
Bild = 8;
document.all.DynBild.filters.revealTrans.Apply(); document.all.DynBild.src = Bild8.src; document.all.DynBild.filters.revealTrans.Play();
}
else
{
if(Bild == 8)
{
Bild = 9;
document.all.DynBild.filters.revealTrans.Apply(); document.all.DynBild.src = Bild9.src; document.all.DynBild.filters.revealTrans.Play();
} } } } } } } } } }
//-->
</script>
<title></title>
<base target="_self">
</head>
<body link="#B22222" vlink="#B22222" alink="#FFFFFF" style="background-color: #000000">
<div align="center">
<center>
<table border="0" width="100%" height="98%">
<tr>
<td width="100%" valign="middle" align="center" height="65%">
<p>
<img id="DynBild" src="1.jpg" style="cursor:hand; filter:revealTrans(Duration=4,Transition=3)" onClick="Bildwechsel()" width="437" height="354" alt="Unsere Fachräume">
</td>
</tr>
<tr>
<td width="100%" valign="middle" align="center" height="10%" style="color: #B22222">
<b><font face="Verdana,Arial" size="3">Willst Du unsere Räume erblicken, musst
du auf den Schriftzug klicken.</font></b>
</td>
</tr>
<tr>
<td width="100%" valign="middle" align="center" height="10%" style="color: #B22222">
<b><font face="Verdana,Arial" size="3"><a href="javascript:history.back()">zurück</a></font></b>
</td>
</tr>
</table>
</center>
</div>
</body>
</html>
Das ganze ist also gewissermaßen vom img-Befehl aus gesteuert. Und dort ist das Problem mit onClick="Bildwechsel()".
Bitte helft mir!