Popup öffnen mit einem bestimmten Bild darin?
0 0 
at
Popup öffnen mit einem bestimmten Bild darin?
Hallo!
Ich experimentiere momentan ein bisschen mit JS herum.
Ein Problem, dass ich bisher nicht lösen konnte, ist folgendes:
Ich möchte, dass wenn ich auf ein Bild klicke, sich ein Popup öffnet, in dem dann das Bild erscheint, auf das ich geklickt habe um das Popup zu öffnen.
Ich kriege es zwar hin, ein Popup zu öffnen (die Datei für das Popup hab ich einfach mal x.html genannt ..), aber dass dann direkt das gewünschte Image erscheint, habe ich nicht hinbekommen.
Könnt ihr mir helfen?
Übrigens: Das soll bei mehreren Bildern funktionieren!
Also sagen wir ich habe 10 Bilder, und wenn ich auf eines davon klicke, soll sich ein Popup öffnen mit diesem Bild (am besten noch, dass wenn ich anschließend auf ein anderes Bild klicke und das Popup noch offen ist, das Bild einfach nur ersetzt wird) ..
Vorschläge? ;-)
-
Hallo
Da viele Browser Pop-Ups blocken, empfehle Ich Dir, Die Bilder, die "aufpoppen" sollen, in deinen Html-Quelltext zu setzen, und sie mittels css auf: "display:none;" zu setzen:
<img src="grossesbild.jpg" alt="ich bin ein kleines Vorschaubild" style="display:none;" id="xyz">Diese Eigenschaft veränderst Du dann per javascript,
das thumb sieht z.B. so aus:<img src="kleinesbild.jpg" alt="Ich bin ein großes Pop-Up-Bild" onmouseover= "document.getElementById('xyz').style.display='visible;'" onmouseout= "document.getElementById('xyz').style.display='none;'">(Das ist nicht die einzigste und nicht die sauberste Lösung, aber auf mehr habse kein Bock)
Nähere Informationen siehe folgende interessante Doku
tschüs
--
cogito ergo akro-
Hallo
Nachtrag: Ich hab die alt-tags verwechselt !!
tschüs
--
cogito ergo akro-
Danke dir,
ob nun Popup oder einfach ein neues Fenster, das ist erstmal nicht so wichtig ..
Es geht viel mehr darum:
Wie kriege ich es hin, dass das Bild, auf das ich klicke, auch nachher im neuen Fenster angezeigt wird??
Könnte man evtl die Bildadresse beim Klick speichern (in eine Variable oder ähnliches) und hinterher im neuen Fenster wieder verwenden?Wenn ich wusste wie bzw ob sowas geht, wär die halbe miete schon gezahlt!
-
Hallo
Ein Vorschlag:
1. Du gestaltest das Vorschaubild so:
<img src="kleinesbild.jpg" onclick="oeffneFenster('groessesBild')">(grossesBild ist der Dateiname des großen Bildes, das im Pop-Up angezeigt werden soll)
2.In dieser Funktion oeffneFenster öffnest Du mit window.open ein Pop-Up-Fenster. Der zweiten Parameter (Fenstername) wird von Dir mit dem Namen des Bildes, den Du der Funktion mitgegeben hast, gesetzt.
3.In der Html-Seite, die Du nun solcherart geöffnet hast, schreibst Du ein Javascript, das den Namen wieder ausliest. So hast Du nun innerhalb dieser Seite den Dateinamen zur Verfügung. Das ganze per Javascript jetzt noch anzuzeigen, sollte kein großes Problem mehr sein.
tschüs
--
cogito ergo akro-
Hallo
Richtiger Link:
3.In der Html-Seite, die Du nun solcherart geöffnet hast, schreibst Du ein Javascript, das den Namen wieder ausliest.(...)
tschüs
--
cogito ergo akro
-
-
-
-
-
Hallo.
Ich kriege es zwar hin, ein Popup zu öffnen (die Datei für das Popup hab ich einfach mal x.html genannt ..), aber dass dann direkt das gewünschte Image erscheint, habe ich nicht hinbekommen.
Warum lädst du eine HTML-Ressource, wenn du eigentlich ein Bild öffnen willst?
MfG, at