Eine HTML Diashow erstellen

 

Du hast die Möglichkeit, eine reine HTML Diashow zu erstellen. Diese braucht nichts weiter, als einen kleinen HTML-Befehl, um zu funktionieren. Zwar ist die HTML Diashow nur sehr einfach und bietet keine großartigen Funktionalitäten, aber sie erfüllt ihren Zweck durchaus gut. Dazu ist sie auch sehr einfach zu implementieren.

 

HTML Diashow erstellen

Gerade auf Webseiten, bei denen man sich verschiedene Foto-Alben ansehen kann, ist die Funktion einer Diashow durchaus sinnvoll und gewollt. Mittels einfachem HTML lässt sich eine HTML Diashow basteln. Diese bietet zwar keine besonderen Funktionen, funktioniert dafür aber in jedem Browser und auf jedem System.

Um nun die eigene Diashow zu realisieren, muss man in den Header der HTML-Datei eine Refresh-Anweisung platzieren. Diese verweist auf ein weiteres HTML-Dokument, welches das nächste Bild enthält. Dies wird so lange fortgesetzt, bis das letzte Bild erreicht ist. Hier kann man dann die Diashow entweder stoppen, oder per Refresh auf das erste Bild von Neuem beginnen lassen.

Und so funktioniert es:

Code-Beispiel:

<html>
 <head>
   <title>Diashow</title>
   <meta http-equiv="refresh" content="10; URL=bild_2.htm" />
 </head>
 <body>
 <img src="bild1.png" alt="Erstes Bild der Diashow" title="Das erste Bild der Dia-Show" />
 </body>
 </html>

 

Erläuterung:

Der Wert content="..." im Meta-Tag http-equiv="refresh" gibt die Zeit in Sekunden an, nach deren Ablauf die neue Seite aufgerufen werden soll. Darüber hinaus enthält dieser Wert ebenso die Angabe der Ziel-URL, die als nächstes aufgerufen werden soll. Für das obige Beispiel bedeutet dies, dass nach 10 Sekunden die Datei bild_2.htm aufgerufen wird.

Am Ende der Diashow könnte diese nun einfach enden. Dazu lässt du den Meta-Tag einfach weg und setzt stattdessen unter dem Bild einen Link zum Anfang der Diashow. Oder aber du lässt die Diashow neu starten, indem einfach wieder auf die erste Seite verweisen wird.

 


Dir gefällt dieser Artikel?

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.