Antwort von
nach 5 Stunden
hilfreich
Re: JS: Navigation
Hallo Birger,
Im Folgenden findest Du das Script, das Dir sicher auf den rechten Weg hilft. Ist eine Slideshow mit zwei Buttons. Diese kannst Du durch die gewünschten Pfeil-Grafiken ersetzen.
Gruss Simon
--------------------------------------
<script language="JavaScript">
<!--
total_images = 24; // anzahl bilder
suffix = "jpg"; // "gif", "jpeg", oder "jpg", usw
graphics_directory = "images/"; // pfad zu den bilder
show_captions = false; // ueberschriften anzeigen ja oder nein
function initArray()
{
this.length = initArray.arguments.length;
for (n=0; n<initArray.arguments.length; n++)
this[n] = initArray.arguments[n];
return this;
}
if (show_captions) {
// ****************************************
// hier die ueberschriften eingeben
captions = new initArray("erste ueberschrift",
"zweite ueberschrift",
"dritte ueberschrift");
}
x = 1;
function slider(n)
{
x += n;
if (x == total_images + 1)
x = 1;
else if (x == 0)
x = total_images;
if (document.images)
{
// thm durch den Präfix der Bilder angeben
document.slideshow.src = graphics_directory
+ "thm" + x + "." + suffix;
if (show_captions)
document.form1.caption.value =
captions[x-1];
}
else
{
alert("Netscape 3 und grösser oder MSIE 4 "
+ "und grösser wird benötigt.");
}
}
document.write('<img src="'+graphics_directory+'img1.'
+ suffix+'" name="slideshow"><p>'
+ '<form name="form1">'
+ (show_captions ?'<textarea name="caption" rows=2 cols=40 wrap=virtual>'+captions[x-1]+'</textarea><br>':"")
+ '<input type=button value="back" onClick = "slider(-1)">'
+ '<input type=button value="next" onClick = "slider(1)"></form>');
// -->
</script>
[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]
