Hallo zusammen, ich hab folgendes vor und komm nicht weiter:
auf meiner Seite möchte ich eine kleine Navigation:
(pfeil hoch)
(verschiedene Grafiken, die durch pfeil hoch und runter getauscht werden sollen)
(pfeil runter)
in dem Array? Bild2 sollen z.B. Wochentage liegen, von Mo-So.
Die soll man mit Bild hoch und runter praktisch durchscrollen bzw. blättern können.
Analog dazu soll das jeweilig Bild was erscheint einen anderen Link haben, also Bild Montag zu MOntag.html, Dienstag zu Dienstag.html etc.
Kann mich jemand auf den richtigen Weg schubsen ?
TIA
Birger
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
--------------------------------------
\<!--
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\>');
// --\>
[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]