Diashow mit Javascript

<!--
Galeriebilder auf 133 px Höhe verkleinern Ansichtsbilder auf 640 px längste Kante verkleinern -->


<BR />
<TABLE WIDTH="50%" HEIGHT="4"  CELLSPACING="1" CELLPADDING="3" BORDER="4" BORDERCOLOR="#393a13" ALIGN="center" VALIGN="Middle">
<FONT FACE="Arial" SIZE="3" COLOR="#393a13">Überschrift </FONT>
<BR>
<BR>
<P ALIGN="center"><A HREF="http://fw-hp.de.tl/Bilder.htm" ><FONT FACE="Arial" SIZE="3" COLOR="#393a13"><U>zurück zur Übersicht</U></FONT></A></P>
<BR>
<FONT FACE="Arial" SIZE="2" COLOR="#393a13"><p align="right">Bilder zum Vergrößern anklicken</p></font>
    <TBODY>
        <TR>
            <TD STYLE="width:100%; background-color:#f2f3e4 ;"
                ONMOUSEOVER="this.style.backgroundColor='#d0d0d0';this.style.color='#393a13'; "
                ONMOUSEOUT="this.style.backgroundColor='#f2f3e4';this.style.color='#393a13'; ">
                <CENTER>
            <FONT FACE="Arial" SIZE="2" COLOR="#393a13">  </FONT>

            <A HREF="http://fw-hp.de.tl/diaGemeindefest2008.htm">
            <IMG HIGHTH="133" BORDER="0" SRC="http://img.webme.com/pic/t/tanzclub-massenbachhausen/tcmin_nik2008-001.jpg" ALT="Tanzclub Massenbachhausen eV - Nikolausparty 2008" /></A>
              </CENTER></TD>

            <TD STYLE="width:100%; background-color:#f2f3e4 ;"
                ONMOUSEOVER="this.style.backgroundColor='#d0d0d0';this.style.color='#393a13'; "
                ONMOUSEOUT="this.style.backgroundColor='#f2f3e4';this.style.color='#393a13'; ">
                <CENTER>
            <FONT FACE="Arial" SIZE="2" COLOR="#393a13">  </FONT>

            <A HREF="http://fw-hp.de.tl/diaGemeindefest2008.htm">
            <IMG HIGHTH="133" BORDER="0" SRC="http://img.webme.com/pic/t/tanzclub-massenbachhausen/tcmin_nik2008-002.jpg" ALT="Tanzclub Massenbachhausen eV - Nikolausparty 2008" /></A>
              </CENTER></TD>

            <TD STYLE="width:100%; background-color:#f2f3e4 ;"
                ONMOUSEOVER="this.style.backgroundColor='#d0d0d0';this.style.color='#393a13'; "
                ONMOUSEOUT="this.style.backgroundColor='#f2f3e4';this.style.color='#393a13'; ">
                <CENTER>
            <FONT FACE="Arial" SIZE="2" COLOR="#393a13">  </FONT>

            <A HREF="http://fw-hp.de.tl/diaGemeindefest2008.htm">
            <IMG HIGHTH="133" BORDER="0" SRC="http://img.webme.com/pic/t/tanzclub-massenbachhausen/tcmin_nik2008-003.jpg" ALT="Tanzclub Massenbachhausen eV - Nikolausparty 2008" /></A>
              </CENTER></TD>
        </TR>

    </TBODY>
</TABLE>

<BR />
<BR />
<P ALIGN="center"><A HREF="http://fw-hp.de.tl/Bilder.htm" ><FONT FACE="Arial" SIZE="3" COLOR="#393a13"><U>zurück zur Übersicht</U></FONT></A></P>

<BR />
<P ALIGN="center"><A HREF="http://fw-hp.de.tl/Gemeindefest-2008.htm" ><FONT FACE="Arial" SIZE="3" COLOR="#393a13"><U><b>  zurück zur Übersicht  </b></U></FONT></A></P>
<BR />
<BR />
<p align="center"><img src="http://img.webme.com/pic/t/tanzclub-massenbachhausen/tc_nik2008-001.jpg"  border="0" width="420">

<script type="text/javascript">
<!--
var b = new Array();

b[1] = new Image();
b[1].src = "http://img.webme.com/pic/t/tanzclub-massenbachhausen/tc_nik2008-001.jpg";

b[2] = new Image();
b[2].src = "http://img.webme.com/pic/t/tanzclub-massenbachhausen/tc_nik2008-002.jpg";

b[3] = new Image();
b[3].src = "http://img.webme.com/pic/t/tanzclub-massenbachhausen/tc_nik2008-003.jpg";


var n = 3;              // hier steht die Anzahl der Bilder
var i = 0              // aktuelles Bild
var qt = 3000;          // Bilderwechsel in Millisekunden
var f = 0;
var z = document.images.length - 1;


function GG()
{
i ++;
if(i > n) i = 1;
document.images[z].src = b[i].src;
}

function RR()
{
i --;
if(i <1) i = n;
document.images[z].src = b[i].src;
}

function delay()
{
if(f == 0) GG();
window.setTimeout("delay()",qt);
}

delay();
//-->
</script>
<br>

<br>
<span
onMouseDown="RR();" onFocus="this.blur()" onMouseOver="status='';return true;">
<img src="http://img.webme.com/pic/t/tanzclub-massenbachhausen/back.png" border="0"
alt="Bild zurück" style="cursor:hand;" width="80" height="40"></span>

<span
onMouseDown="javascript:f=1;" onFocus="this.blur();" onMouseOver="status='';return true;">
<img src="http://img.webme.com/pic/t/tanzclub-massenbachhausen/stopp.png" border="0"
alt="Diashow anhalten" style="cursor:hand;" width="80" height="40"></span>

<span
onMouseDown="javascript:f=0;" onFocus="this.blur()" onMouseOver="status='';return true;">
<img src="http://img.webme.com/pic/t/tanzclub-massenbachhausen/start.png" border="0"
alt="Diashow anzeigen" style="cursor:hand;" width="80" height="40"></span>

<span
onMouseDown="GG();" onFocus="this.blur()" onMouseOver="status='';return true;">
<img src="http://img.webme.com/pic/t/tanzclub-massenbachhausen/next.png" border="0"
alt="Bild vor" style="cursor:hand;" width="80" height="40"></span> </p>

<BR />
<BR />
<P ALIGN="center"><A HREF="http://fw-hp.de.tl/Gemeindefest-2008.htm" ><FONT FACE="Arial" SIZE="3" COLOR="#393a13"><U><b>  zurück zur Übersicht  </b></U></FONT></A></P>