Diashow mit Untertitel

<!-- ################# Fragen zu diesem Script beantworte ich NICHT kostenlos  ######################### -->
<!-- ################# Der Verkauf des Scripts ist NICHT erlaubt !!!!!!!!!!!!!!!!!!!!!!!!!!!! ######################## -->

<table border="0" cellpadding="0" cellspacing="8" align="center" width="400" style="font-size:14px;font-family:verdana, arial;font-weight:600;">
<tr>

<td id="zelle" align="center" colspan="3">

<!-- ---------- Hier wird der Link zum LETZTEN BILD der Serie reingeschrieben !!!!!!!!!!!!!!! ------------------------------------------------------------------------- -->
<a ID="GGLINK" href="j.htm" target="_blank"onFocus="this.blur()">

<!-- ---------- Hier wird das LETZTE BILD der Serie reingeschrieben !!!!!!!!!!!!!!! ------------------------------------------------------------------------------------------ -->
<img name="diabild" src ="http://www.gloeckner-nbg.de/bild10a.jpg" width="400" height="264" style="border:1px ridge black"></a></td>
</tr>
<tr>
<!-- ---------- Hier der Start-Text, erscheint nur einmal beim Öffnen der Seite  -------------------------------------------------------------------------------------------- -->
<td ID="GGTEXT" colspan="3" align="center">Zum Vergrößern die Bilder anklicken !</td>

</tr>
<tr>

<!-- ---------- Hier kannst Du die Buttons gestalten !!!!!!!!!!!!!!! ------------------------------------------------------------------------------------------------------------------------ -->

<td align="left"><input style="width:120px; height:30px; vertical-align:middle; border-width:2px; border-style:outset; border-color:#f7f7f7; padding:3px; cursor:pointer; font-color:#000000; font-size:14px; font-weight:600; background-color:#99b3cc;" type="button" onMouseOver="this.style.borderStyle='inset'; this.style.backgroundColor='#bbccdd';" onMouseOut="this.style.borderStyle='outset'; this.style.backgroundColor='#99b3cc';" 
 onClick="diaschalter=0"onFocus="this.blur()" value="Diashow starten"></td>

<td align="center"><input style="width:120px; height:30px; vertical-align:middle; border-width:2px; border-style:outset; border-color:#f7f7f7; padding:3px; cursor:pointer; font-color:#000000; font-size:14px; font-weight:600; background-color:#99b3cc;" type="button" onMouseOver="this.style.borderStyle='inset'; this.style.backgroundColor='#bbccdd';" onMouseOut="this.style.borderStyle='outset'; this.style.backgroundColor='#99b3cc';" 
 onClick="next()"onFocus="this.blur()" value="nächstes Bild "></td>

<td align="right"><input style="width:120px; height:30px; vertical-align:middle; border-width:2px; border-style:outset; border-color:#f7f7f7; padding:3px; cursor:pointer; font-color:#000000; font-size:14px; font-weight:600; background-color:#99b3cc;" type="button" onMouseOver="this.style.borderStyle='inset'; this.style.backgroundColor='#bbccdd';" onMouseOut="this.style.borderStyle='outset'; this.style.backgroundColor='#99b3cc';" 
 onClick="diaschalter=1"onFocus="this.blur()" value="Pause"></td>

</tr>
</table>

<script type="text/javascript">

var diabilder = new Array();
var dialinks = new Array();
var diatext = new Array();

//hier Deine Bildadressen reinschreiben !!!!!!!!!!!!!!!!
//darunter jeweils der Link !!!!!!!!!!!
//darunter jeweils der Text !!!!!!!!!!!

diabilder[0] = new Image(); 
diabilder[0].src ="http://www.gloeckner-nbg.de/bild16a.jpg";      
dialinks [0] = "i.htm"
diatext[0] = "Dies ist das 2. Bild"
        
diabilder[1] = new Image(); 
diabilder[1].src ="http://www.gloeckner-nbg.de/bild12a.jpg";
dialinks [1] = "f.htm"
diatext[1] = "Und dies ist das 3. Bild"

diabilder[2] = new Image(); 
diabilder[2].src ="http://www.gloeckner-nbg.de/bild13a.jpg";
dialinks [2] = "g.htm"
diatext[2] = "Jetzt kommt das vierte !"

diabilder[3] = new Image(); 
diabilder[3].src ="http://www.gloeckner-nbg.de/bild14a.jpg";
dialinks [3] = "h.htm"
diatext[3] = "Es folgt Bild Nummer 5"

diabilder[4] = new Image(); 
diabilder[4].src ="http://www.gloeckner-nbg.de/bild10a.jpg";
dialinks [4] = "j.htm"
diatext[4] = "Das ist wieder das 1. Bild !"

var diaanzahl = 5;                        // hier steht die Anzahl der Bilder 
var zeit = 4000;                            // hier steht die Anzeigedauer in Millisekunden
var diazaehler = -1; 
var diaschalter = 1;                      // 0 = automatisch starten / 1 = erst nach Klick auf Start 
function next()
{
diazaehler ++;
if ( diazaehler >= diaanzahl ) diazaehler = 0;
document.diabild.src = diabilder[diazaehler].src;
document.getElementById("GGLINK").href=dialinks[diazaehler];
document.getElementById("GGTEXT").firstChild.data=diatext[diazaehler];

}

function delay()
{
if ( diaschalter == 0 ) next();
window.setTimeout("delay()",zeit);
}

delay();

</script>