nicht angemeldet
Bildwechsel
Hallo!
Ich habe vor auf einer Page ein paar Bilder (9-12) klein darzustellen. Wenn man nun auf ein Bild klickt, soll das Bild im selben Frame in Originalgröße (zentriert) dargestellt werden. Weiter soll dann auf der Seite, wo das Original ist, ein Link vorhanden sein, um wieder zurück zur Auswahl zu kommen.
Ich möchte nun aber nicht zig html-Seiten erstellen, wo dann nur das Bild und der Link dargestellt wird und ich mit folgenden Coding hingelange:
<a href="bilder/0001.jpg">
<img border="0" src="bilder/0001.jpg" width="194" height="139">
</a>
Dürfte wohl dann auch ein wenig aufwendig werden bei über 100 Bildern *g*.
Es muss doch irgendwie möglich sein, z.B. nur eine html-Seite zu erstellen in der ich dann das Bild als Variable definiere und dann über den ersten Aufruf (siehe oben) ebenfalls eine Variable mitgebe.
Kennt sich hier jemand aus oder kann mir eine Alternative geben, wie ich diese Sache lösen kann?
Bis denn
Stanload
-
Hallo!
Ich möchte nun aber nicht zig html-Seiten erstellen, wo dann nur das Bild und der Link dargestellt wird und ich mit folgenden Coding hingelange:
Brauchst Du auch nicht. Auf jedem Thumbnail liegt ein Link, das hast Du schon richtig erkannt.
<a href="bilder/0001.jpg">
<a href="bilder/picind.htm?0001">
ist hier wichtig.<img border="0" src="bilder/0001.jpg" width="194" height="139">
</a>Deine picind.htm enthält dann Deine Seite auf der das Bild dargestellt wird und eine kleine Funktion, die mittels onOpen im Body-Tag aufgerufen wird. Diese Funktion liest den im location-Objekt vorhandenen Parameter-String aus, hängt die default-Extension ".jpg" an und ersetzt dann den src-Wert des entsprechenden Image-Objektes mit dem ermittelten Wert. Fertig ist die Laube.
Es muss doch irgendwie möglich sein, z.B. nur eine html-Seite zu erstellen in der ich dann das Bild als Variable definiere und dann über den ersten Aufruf (siehe oben) ebenfalls eine Variable mitgebe.
Hab ich ja erklärt.
Kennt sich hier jemand aus oder kann mir eine Alternative geben, wie ich diese Sache lösen kann?
Denk schon, daß sich hier jemand auskennt.
Bis denndann
Michael N.
-
Hallo und danke erst einmal,
Du scheinst mein Problem genau erkannt zu und meiner Vorstellung entsprechend gelöst zu haben.
Nun nur noch die Frage, wie schaut das dieses "onOpen" aus? Schaut nach JavaSkript aus, und dabei kenne ich mich nicht so dolle aus!
Und noch eine Frage:
Ich möchte ja dann auf dieser picind.htm einen Link "Zurück" schreiben. Bisher, hab ich dies immer 'hart' mitgegeben. Kann man auch sagen, dass er zu der Seite zurück soll, wo er herkommen ist (ist ja dann die Seite mit allen Bildern in Kleinformat)?Bis denn
Stefan
-
Hallo Stefan,
Nun nur noch die Frage, wie schaut das dieses "onOpen" aus? Schaut nach JavaSkript aus, und dabei kenne ich mich nicht so dolle aus!
Schau mal unter: http://selfhtml.teamone.de/javascript/sprache/eventhandler.htm#onload nach (hatte bei dem Open VBA und JavaScript verwechselt), wie Du den Wechsel des Bildes schaffst findest Du unter anderem unter: http://selfhtml.teamone.de/javascript/objekte/images.htm#src oder unter: http://selfhtml.teamone.de/javascript/beispiele/buttons.htm.
Und noch eine Frage:
Ich möchte ja dann auf dieser picind.htm einen Link "Zurück" schreiben. Bisher, hab ich dies immer 'hart' mitgegeben. Kann man auch sagen, dass er zu der Seite zurück soll, wo er herkommen ist (ist ja dann die Seite mit allen Bildern in Kleinformat)?Das ginge zum Beispiel so, wie es hier beschrieben ist: http://selfhtml.teamone.de/javascript/objekte/window.htm#back
Entschuldige, wenn ich Dich mit Links bombardiere, aber Deine Frage ist (natürlich nicht so, wie sie gestellt ist) schon in SELFHTML beantwortet worden. Du mußt lediglich einige Kleinigkeiten an Deine Erfordernisse anpassen.
Bis denndann
Michael N.
Der sich für das "Newbie"-Bügeln in diesem Posting entschuldigt.
-
Schau mal unter: http://selfhtml.teamone.de/javascript/sprache/eventhandler.htm#onload nach (hatte bei dem Open VBA und JavaScript verwechselt), wie Du den Wechsel des Bildes schaffst findest Du unter anderem unter: http://selfhtml.teamone.de/javascript/objekte/images.htm#src oder unter: http://selfhtml.teamone.de/javascript/beispiele/buttons.htm.
Sorry, aber ich komme damit nicht zurecht. HTML scheint wohl doch nicht so einfach zu sein!
Das onLoad scheint ja noch logisch zu sein (man ruft dort dann einfach eine Funktion bei laden der Seite auf). Bei dieser Funktion scheitert es leider bei mir. Er soll ja später im <img> das Bild zeigen, welches ich ihm in der vorherigen Seite per
<a href="index.htm?xxx"> mitgeben habe!
Auf der neu zu öffnenden Seite steht dann in etwa so etwas bei mir:<html><head><title></title>
<base target="Hauptframe"><script type="text/javascript">
<!--
???
// -->
</script></head>
<body onLoad="NaviFenster()">
<center>
<img src="xxx.jpg">
</center><br>
<a href="javascript:window.back()">Zurück</a>
</center></body></html>
Das ginge zum Beispiel so, wie es hier beschrieben ist: http://selfhtml.teamone.de/javascript/objekte/window.htm#back
OK, das Thema hätte sich dann schon einmal erledigt!
Entschuldige, wenn ich Dich mit Links bombardiere, aber Deine Frage ist (natürlich nicht so, wie sie gestellt ist) schon in SELFHTML beantwortet worden. Du mußt lediglich einige Kleinigkeiten an Deine Erfordernisse anpassen.
Leider scheitert es wohl an diesen Kleinigkeiten :-( .
Der sich für das "Newbie"-Bügeln in diesem Posting entschuldigt.
Ist ja nicht so das Problem, jeder hat mal klein angefangen und durfte sich dann von erfahreneren etwas sagen lassen *g*.
-
Hallo Stefan,
Schau mal unter: http://selfhtml.teamone.de/javascript/sprache/eventhandler.htm#onload nach (hatte bei dem Open VBA und JavaScript verwechselt), wie Du den Wechsel des Bildes schaffst findest Du unter anderem unter: http://selfhtml.teamone.de/javascript/objekte/images.htm#src oder unter: http://selfhtml.teamone.de/javascript/beispiele/buttons.htm.
Sorry, aber ich komme damit nicht zurecht. HTML scheint wohl doch nicht so einfach zu sein!
Das onLoad scheint ja noch logisch zu sein (man ruft dort dann einfach eine Funktion bei laden der Seite auf). Bei dieser Funktion scheitert es leider bei mir. Er soll ja später im <img> das Bild zeigen, welches ich ihm in der vorherigen Seite per
<a href="index.htm?xxx"> mitgeben habe!
Auf der neu zu öffnenden Seite steht dann in etwa so etwas bei mir:Gut, dann werde ich Dir noch etwas unter die Arme greifen, aber auch nur so, daß Du die genaue Lösung findest, erstens bringt Dir das mehr, weil Du ja später Deinen Code auch warten mußt, zweitens können auch andere vielleicht davon profitieren, die ein ähnlich gelagertes Problem haben.
<html><head><title></title>
<base target="Hauptframe"><script type="text/javascript">
<!--
???
// -->
</script></head>
<body onLoad="NaviFenster()">
<center>
<img src="xxx.jpg">Hier solltest Du aber den Source-Name eines vorhandenen Bildes einbinden.
</center>
<br>
<a href="javascript:window.back()">Zurück</a>
</center></body></html>
Soweit sind wir also schonmal, der HTML-mäßige Ansatz ist schon gut, jetzt müssen wir die JavaScript-Klippe gemeinsam umschiffen.
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.
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.
Und nun mußt Du die Funktion schließen.
Das ginge zum Beispiel so, wie es hier beschrieben ist: http://selfhtml.teamone.de/javascript/objekte/window.htm#back
Entschuldige, wenn ich Dich mit Links bombardiere, aber Deine Frage ist (natürlich nicht so, wie sie gestellt ist) schon in SELFHTML beantwortet worden. Du mußt lediglich einige Kleinigkeiten an Deine Erfordernisse anpassen.
Leider scheitert es wohl an diesen Kleinigkeiten :-( .
Der sich für das "Newbie"-Bügeln in diesem Posting entschuldigt.
Ist ja nicht so das Problem, jeder hat mal klein angefangen und durfte sich dann von erfahreneren etwas sagen lassen *g*.
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.
Bis denndann
Michael N.
-
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
-
Hallo Stefan,
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.
Ist halt auch so, daß das ja ineffektive ist und da bin ich mit Dir einer Meinung, daß das nicht nötig ist.
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*).
Und jetzt kommt dann für Dich das Erfolgserlebnis, einen Teil der Lösung hast Du gefunden, an dem zweiten Teil bist Du, wenn ich mir Dein Zwischenergebnis anschaue schon nahe dran. Am Schluß wirst Du zu der Lösung dann sagen, das ist meine Lösung, Du wirst aufgrund der Schritte, die Du bei der Entwicklung gegangen bist auch wissen, was bei Änderungen zu machen ist.
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).
So bis hier sind wir. Ein Tip von mir dazu noch: Wenn Du mit variabler Dateinamenlänge arbeiten willst, dann nimm statt der Konstanten "3" einfach length - 1, aber das, denke ich hast Du auch schon in Deine Überlegungen mit einfließen lassen.
Das Aneinanderhängen von Texten in JavaScript ist ja, wie Du aus allen Beispielen entnehmen kannst recht einfach.
Zum konkatenieren von Textfragmenten nimmt man, wie Du aus http://selfhtml.teamone.de/javascript/sprache/operatoren.htm#zeichenkettenverknuepfung entnehmen kannst, das Zeichen "+". Nun dürfte es Dir auch gelingen den zweiten Teil des Dateinamens anzuhängen.
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)
Das mit dem "Dummy"-Bild ist nur eine Anregung von mir gewesen, da Du sonst unter Umständen ein "Broken-Picture" erhälst. Falls Du Für Deine Bilder eine gemeinsame Größe hast, ist es nicht unsinnig, diese mittels width und heigth zu definieren (siehe: http://selfhtml.teamone.de/html/grafiken/einbinden.htm#breite_hoehe).
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*.
In dem obigen Link ist beschrieben, wie man den Namen des Source-Files eines Bildes zuweist und austauscht. Wenn Du jetzt die Zeile "document.images[0].src = b[i].src;" betrachtest, siehst Du daß hier document.images[0].src der Wer aus b[i].src zugewiesen wird. b[i].src wurden vorher andere Werte (je nach Index) zugewiesen. Statt der hier vorgenommenen indirekten Zuweisung kannst Du natürlich auch Deinem Bild-Objekt direkt den neuen Source-Namen zuweisen (den Du ja im vorderen Teil ermittelt hast).
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*).
Weil die paar "Lines of code", die ich Dir dann hinschreiben würde mein Code sind, und Du Dich dann ja durch FremdCode wühlen müßtest, respektive und da ist dann der wichtigere Ansatz, unter Umständen zwar ein Codeschnipsel in Deinen Seiten hättest, wo Du persönlich Dich fragst, was steht da überhaupt und dann eventuell bei der nächsten Änderung verzweifelt das Schräubchen und Rädchen suchst an dem Du drehen kannst. Außerdem ist es auch ein Moment des Respekts vor Deinen Fähigkeiten, daß Du Dir den notwendigen Code anhand von Fragen, Überlegungen und Ratschlägen selbst entwickeln kannst und dabei auch noch, so ganz nebenbei noch ein Stück JavaScript lernst, was Du mit der Anwendung von alert (korrekt natürlich {falls hier Puristen anwesend sind} window.alert), ich denke, daß Du hierzu wahrscheinlich Dich auf den Weg nach http://selfhtml.teamone.de/javascript/objekte/window.htm#alert gemacht hast. Der Weg, den ich hier beschritten habe ist im Endeffekt der schwerere und aufwändigere, ich weiß nicht, ob so ein paar Quelltextzeilen, als weniger aufwändigem Weg nicht eher doch die Methode "hier hast Du, was Du willst, ich hab keine Lust Dir auf dem Weg zu helfen" sind und ob nicht dieser Weg mit dem Code-hinwerfen auch weniger Respekt gegenüber den Fähigkeiten des anderen bedeutet. Aber ich denke hier kommen wir jetzt auch langsam in philosophische, pädagogische und andere Ecken.
Bis denndann
Michael N.
-
Moin Michael!
Und jetzt kommt dann für Dich das Erfolgserlebnis, einen Teil der Lösung hast Du gefunden, an dem zweiten Teil bist Du, wenn ich mir Dein Zwischenergebnis anschaue schon nahe dran. Am Schluß wirst Du zu der Lösung dann sagen, das ist meine Lösung, Du wirst aufgrund der Schritte, die Du bei der Entwicklung gegangen bist auch wissen, was bei Änderungen zu machen ist.
Stimmt schon, ein wenig hab ich schon ein gutes Gefühl, aber das Letzte fehlt noch, leider!
Zum konkatenieren von Textfragmenten nimmt man, wie Du aus http://selfhtml.teamone.de/javascript/sprache/operatoren.htm#zeichenkettenverknuepfung entnehmen kannst, das Zeichen "+". Nun dürfte es Dir auch gelingen den zweiten Teil des Dateinamens anzuhängen.
Auch dies war einfach!
In dem obigen Link ist beschrieben, wie man den Namen des Source-Files eines Bildes zuweist und austauscht. Wenn Du jetzt die Zeile "document.images[0].src = b[i].src;" betrachtest, siehst Du daß hier document.images[0].src der Wer aus b[i].src zugewiesen wird. b[i].src wurden vorher andere Werte (je nach Index) zugewiesen. Statt der hier vorgenommenen indirekten Zuweisung kannst Du natürlich auch Deinem Bild-Objekt direkt den neuen Source-Namen zuweisen (den Du ja im vorderen Teil ermittelt hast).
Ich bekomme es einfach nicht hin, dass in <img scr=?> das Bild angezeigt wird. Nun schaut's so aus *g*:
<script type="text/javascript">
<!--
function NaviFenster()
{
if(window.location.search != "")
var jpg = ".jpg"
var Datei = window.location.search;
var Bild = Datei.substr(1,3);
var Bild = Bild + jpg
document.images[0].src = Bild.src
}
//-->
</script></head>
<body onLoad NaviFenster()>
<center>
<img src=Bild>
</center>Ist dieses onLoad eigentlich wirklich von Nöten? Wenn ich keine Function mache, wird das Script doch auf alle Fälle aufgerufen?
... Anwendung von alert (korrekt natürlich {falls hier Puristen anwesend sind} window.alert), ich denke, daß Du hierzu wahrscheinlich Dich auf den Weg nach http://selfhtml.teamone.de/javascript/objekte/window.htm#alert gemacht hast.
Die Anweisung nutze ich eigentlich nur, um zu sehen, was in der jeweiligen Variablen steht (hier gibt's ja leider keinen Debbuger).
-
Moin Stefan,
Und jetzt kommt dann für Dich das Erfolgserlebnis, einen Teil der Lösung hast Du gefunden, an dem zweiten Teil bist Du, wenn ich mir Dein Zwischenergebnis anschaue schon nahe dran. Am Schluß wirst Du zu der Lösung dann sagen, das ist meine Lösung, Du wirst aufgrund der Schritte, die Du bei der Entwicklung gegangen bist auch wissen, was bei Änderungen zu machen ist.
Stimmt schon, ein wenig hab ich schon ein gutes Gefühl, aber das Letzte fehlt noch, leider!
Bekommen wir schon hin, kein Problem.
In dem obigen Link ist beschrieben, wie man den Namen des Source-Files eines Bildes zuweist und austauscht. Wenn Du jetzt die Zeile "document.images[0].src = b[i].src;" betrachtest, siehst Du daß hier document.images[0].src der Wer aus b[i].src zugewiesen wird. b[i].src wurden vorher andere Werte (je nach Index) zugewiesen. Statt der hier vorgenommenen indirekten Zuweisung kannst Du natürlich auch Deinem Bild-Objekt direkt den neuen Source-Namen zuweisen (den Du ja im vorderen Teil ermittelt hast).
Das ist jetzt nur eine Kleinigkeit, Du hast ja schon den Namen des neuen Bildes in der Variablen Bild (und nicht Bild.src(!)) zusammengestellt, den weißt Du der source-Propertie Deines Bildes auf der Seite zu, mehr nicht.
Ich bekomme es einfach nicht hin, dass in <img scr=?> das Bild angezeigt wird. Nun schaut's so aus *g*:
Du schaffst es, das weiß ich.
<script type="text/javascript">
<!--
function NaviFenster()
{
if(window.location.search != "")
var jpg = ".jpg"Schön und auch sinnvoll und wichtig ist es hier ein Semikolon zu setzen.
var Datei = window.location.search;
var Bild = Datei.substr(1,3);
var Bild = Bild + jpgSchön und auch sinnvoll und wichtig ist es hier ein Semikolon zu setzen. Das "var" am Zeilenanfang (Entschuldigung, wenn ich in Deinen Code versuche einzugreifen) mußt Du noch wegmachen, das dient der nur Deklaration von Variablen.
document.images[0].src = Bild.src
Schön und auch sinnvoll und wichtig ist es hier ein Semikolon zu setzen.
}
//-->
</script></head>
<body onLoad NaviFenster()>
Ups, hier fehl ja auch noch was, aber das hattest Du in der Vorversion noch drin.
<center>
<img src=Bild>Hier hast Du leider Deine Lösung verschlechtert, aber das ist kein Problem, das kannst Du wieder rückgängig machen.
</center>
Ist dieses onLoad eigentlich wirklich von Nöten? Wenn ich keine Function mache, wird das Script doch auf alle Fälle aufgerufen?
Es gibt noch einen zweiten Weg, abr die Funktion NaviFenster wird nicht automatisch ausgeführt, ohne aufgerufen zu sein.
... Anwendung von alert (korrekt natürlich {falls hier Puristen anwesend sind} window.alert), ich denke, daß Du hierzu wahrscheinlich Dich auf den Weg nach http://selfhtml.teamone.de/javascript/objekte/window.htm#alert gemacht hast.
Die Anweisung nutze ich eigentlich nur, um zu sehen, was in der jeweiligen Variablen steht (hier gibt's ja leider keinen Debbuger).
Das warum war mir auch klar, ich hatte Dich ja auch nur darauf aufmerksam gemacht, daß Du zur Lösung des Problems ja schon durchaus über die Dir von mir gegebenen Hilfen hinausgehen konntest und eigenes entdeckt hast.
Bis denndann
Michael N.
-
Hallo Michael,
es wird ja immer früher hier *g*!
Und jetzt kommt dann für Dich das Erfolgserlebnis, einen Teil der Lösung hast Du gefunden, an dem zweiten Teil bist Du, wenn ich mir Dein Zwischenergebnis anschaue schon nahe dran. Am Schluß wirst Du zu der Lösung dann sagen, das ist meine Lösung, Du wirst aufgrund der Schritte, die Du bei der Entwicklung gegangen bist auch wissen, was bei Änderungen zu machen ist.
Und wissen, bei wem ich mich zu bedanken habe, denn das letzt Erfolgserlebnis kam gerade *freu*.
Bekommen wir schon hin, kein Problem.
Das Stimmt *g*!
Das ist jetzt nur eine Kleinigkeit, Du hast ja schon den Namen des neuen Bildes in der Variablen Bild (und nicht Bild.src(!)) zusammengestellt, den weißt Du der source-Propertie Deines Bildes auf der Seite zu, mehr nicht.
Das Stimmt!
Ich bekomme es einfach nicht hin, dass in <img scr=?> das Bild angezeigt wird. Nun schaut's so aus *g*:
Du schaffst es, das weiß ich.Und, ich hab's geschafft *freu*. Klar, mit den Semikolon, das muss man erst einmal gesagt bekommen.
So schaut's nun aus:<script type="text/javascript">
<!--
function ChangeBild()
{
if(window.location.search != "")
var jpg = ".jpg";
var Datei = window.location.search;
var Bild = Datei.substr(1,3);
Bild = Bild + jpg;
document.images[0].src = Bild;
}
//-->
</script></head>
<body onLoad="ChangeBild()">
<center>
<img src="nojavascript.jpg">
</center>Bim onLoad hatte ich wriklich was vergessen. Ist wohl beim Testen passiert, irgendwann stellt man dann alles um, es muss ja irgendwie klappen *lol*.
Vielen Dank noch einmal für die ausführliche Hilfe!
Bis denn
Stefan
P.S. sehen kann man das Ergebnis wohl spätestens am So. auf der optinalen URL *g*.
-
Hallo Stefan,
es wird ja immer früher hier *g*!
Wieso, ist doch noch im Rahmen der normalen Zeiten.
Und jetzt kommt dann für Dich das Erfolgserlebnis, einen Teil der Lösung hast Du gefunden, an dem zweiten Teil bist Du, wenn ich mir Dein Zwischenergebnis anschaue schon nahe dran. Am Schluß wirst Du zu der Lösung dann sagen, das ist meine Lösung, Du wirst aufgrund der Schritte, die Du bei der Entwicklung gegangen bist auch wissen, was bei Änderungen zu machen ist.
Und wissen, bei wem ich mich zu bedanken habe, denn das letzt Erfolgserlebnis kam gerade *freu*.
Ja, jetzt kannst Du Dir nämlich selbst auf die Schulter klopfen, ich hab Dir ja nur ein paar Fragen gestellt, ein paar SELFHTML-Seiten genannt und nicht mehr, die Lösung hast Du alleine gefunden.
Bekommen wir schon hin, kein Problem.
Das Stimmt *g*!
Siehst Du.
Ich bekomme es einfach nicht hin, dass in <img scr=?> das Bild angezeigt wird. Nun schaut's so aus *g*:
Du schaffst es, das weiß ich.Und, ich hab's geschafft *freu*. Klar, mit den Semikolon, das muss man erst einmal gesagt bekommen.
Siehst Du un das wichtigste DU hast es geschafft und nicht ich!
Vielen Dank noch einmal für die ausführliche Hilfe!
Ist doch selbstverständlich, wer anständig fragt, sich auch mal auf den Weg einläßt anhand von Fragen und Tipps seine Lösung selbst zu finden, der erntet ausführliche Hilfe. Die, die hier plärren, daß sie adhoc ihr Problem dadurch gelöst bekommen wollen, daß ihnen ein fertiges Script geliefert wird, die haben natürlich eher ein Problem.
P.S. sehen kann man das Ergebnis wohl spätestens am So. auf der optinalen URL *g*.
Wenn ichs nicht vergesse, werde ich mal schauen.
Bis denndann
Michael N.
-
-
-
-
-
-
-
-
-
-