Stefan: Bildwechsel

Beitrag lesen

Hallo Michael,

das ist und wird ja eine schwere Geburt mit mir *g* und das alles nur, weil ich zu faul bin hunderte HTML-Seiten zu erstellen, wo ich einfach das Bild reinpacke und vom kleinen Vorschaubild drauf verweise.

Soweit sind wir also schonmal, der HTML-mäßige Ansatz ist schon gut, jetzt müssen wir die JavaScript-Klippe gemeinsam umschiffen.

Beim HTML scheint's wohl nicht zu liegen (ist jedenfalls noch einfach *lol*).

Ich denke aus den obigen Beispielen (in den Links) hast Du sicher schon entnehmen können, wie man eine Funktion einleitet, wenn nicht schau bitte nochmal ganz genau nach.

Danach mußt mußt Du dann einfach den in der URL übergebenen Parameter in eine Variable schreiben dazu siehe: http://selfhtml.teamone.de/javascript/objekte/location.htm#search

Nun haben wir noch ein Fragezeichen, was wir am Textanfang entfernen müssen in der Variablen, wie das geht findest Du unter: http://selfhtml.teamone.de/javascript/objekte/string.htm#substr Um die benötigte Anzahl der Zeichen zu ermitteln brauchst Du natürlich die Länge der Zeichenkette minus eins, die ermittelst Du hiermit: http://selfhtml.teamone.de/javascript/objekte/string.htm#length.

Nun hast Du in einer Variablen den Namen Deines Bildes ohne die Dateierweiterung (wenn Du bei der aufrufenden Seite meinem Rat gefolgt bist). Das Aneinanderhängen von Texten in JavaScript ist ja, wie Du aus allen Beispielen entnehmen kannst recht einfach.

Das sehe ich noch ein wenig anders *g*. Im Moment schaut's so bei mir aus und ich bekomme wenigstens schon einmal in diesem kleinen Popup den vorderen Teil der Datei (ich nummeriere alle Bilder von 001-999 durch):

<html><head>
<script type="text/javascript">
<!--
function NaviFenster()
{
if(window.location.search != "")
 var Datei = window.location.search;
 var Bild = Datei.substr(1,3);
 alert(Bild);
}
//-->
</script>
</head>
<body onLoad="NaviFenster()">
<center>
<img src="xxx.jpg">
</center>

Hier solltest Du aber den Source-Name eines vorhandenen Bildes einbinden.

Hier möchte ich doch nur das Bild haben, was ich oben ermittel (von mir aus, kann ich dort auch ein Bild 0000.jpg, welches einfach nur weiß ist reinpacken)

Als letzten Schritt in Deiner Funktion mußt Du nun bei dem auf Deiner Seite vorhandenen Bild einfach den Namen des Source-Files austauschen, Aber das ist ja in dem Beispiel von http://selfhtml.teamone.de/javascript/objekte/images.htm#src beschrieben. Vergiß dabei bitte nicht, daß die Indizes bei JavaScript immer bei 0 anfangen.

Einfach ist gut *erbitte noch einmal um Hilfe*.

Ist halt so, daß sich hier immer wieder Anfänger auf den Schlips getreten fühlen, wenn man ihnen statt einer fertigen Lösung Anregungen und Hilfen bringt, die sie auf den Weg zur eigenen Lösung bringen.

Nein, hab ich kein Problem mit. Natürlich fragt man sich schon "wenn er die Lösung kennt, warum kann er mir dann die paar Zeilen Quelltext nicht geben (ich "programmiere" beruflich in ABAP und dort gibt's auch Hilfe-Foren, wo manchmal die Leute so nett sind *g*).

Bis denn

Stefan