CODE
<html>
<head>
<title>Bilderbuch</title>
<script type="text/javascript">
var nr = 0;
const anz = 2; //hier die Anzahl der Bilder von 1 an gezaehlt eingeben
function change(dir) {
if (dir==1) nr++; //wenn dir gleich 1 ist, dann wird vorwaerts geblaettert
else nr--; //sonst rueckwaerts
if(nr < 0) nr = anz+1; //falls man beim 1. Bild zurueck geklickt wird
nr = nr % anz; //Bewirkt, dass vom letzten Bild auf das erste gesprungen wird.
document.getElementById("bild").src = "bild"+nr+".jpg"; //Bild tauschen
}
</script>
</head>
<body style="background-color:#FFFFFF">
<!--hier erstes Bild als src angeben, also bild0-->
<img id="bild" src="bild0.jpg" border="0"><br>
<a href="javascript:change(0)">zurück</a>
<a href="javascript:change(1)">vor</a>
</body>
</html>
Dieses Stück Code funktioniert bei mir (Mozilla 1.7.11/IE 6.0). Voraussetzungen sind:
1. JavaScript muss im Browser aktiviert sein
2. IE nicht älter als 5.5 oder Netscape ab 6.0 oder Mozilla/Firefox ab 1.0
3. Die Bilder müssen im selben Verzeichnis wie die darstellende HTML Datei liegen. Die Namen der Bilder MÜSSEN die Form bildNR.jpg haben, angefangen bei bild0.jpg! Die Konstante anz im oberen Bereich des JavaScript Codes muss die Anzahl der Bilder von 1 an gezählt beinhalten.
Also Bsp: Du hast 2 Bilder, dann muss anz=2 sein und die Bilder heißen bild0.jpg und bild1.jpg.
Du kannst die Namen der Bilder und das Verzeichnis in dem sie liegen auch ändern. Die Anpassungen im Code sind nicht schwierig und sollten nach einigem Studium des Codes leicht von der Hand gehen.
Slideshow auf eigener HP Wie bewerkstelle ich das?
06 Feb 2006, 16:15
Antworten
Neues Thema