Grafik-Pop-Ups mit Klick schließen
infront
- html
0 Nicole
Hi Leute,
tja und ich will einfach nur das sich das Bild im Pop-Up Fenster mit einem Mausklick (auf die Grafik) schließt, wie realisiere ich das??
Hier die Page wo es passieren soll:
http://www.infront-fastband.com/media.html
Unter "Pics und Clips" dort eine Rubrik Auswählen, z.B. "krasse Probe" und die Bilder dahinter mit einem Klick öffnen.. schöne Sache, aber wie schließe ich das Bild mit einem Klick - ohne natürlich das X oben rechts zu nutzen.
Wer kann mir das lösen?
Schöne Grüße
Dennis
tja und ich will einfach nur das sich das Bild im Pop-Up Fenster mit einem Mausklick (auf die Grafik) schließt, wie realisiere ich das??
Hallo Dennis, recht einfach:
<img src="bild.jpg" onclick="window.close();">
Aber bin nicht sicher ob Du das wirklich wissen willst oder
doch nur Werbung für deine Seite machen willst.
Nikki
Liebe Nicole,
Aber bin nicht sicher ob Du das wirklich wissen willst oder
doch nur Werbung für deine Seite machen willst.
es könnte sein. Zumal der Quelltext der Seite noch großen Raum für Verbesserungen hat (z.B. weitere HTML-Elemente _nach_ dem schließenden BODY-Tag). Vom Tabellen-Layout ganz zu schweigen...
Liebe Grüße aus Ellwangen,
Felix Riesterer.
nein.. Werbung ist nicht mein Ziel, ich will nur das Fenster mit einem Klick auf die Grafik wieder schließen. Ich hab den Rat befolgt mit dem html-script von Nicole. Aber leider klappt es nicht.
Mein Script in der Tabelle sieht jetzt so aus:
<td width="174" height="124"><div align="left"> <a href="#" onClick="window.open('gkp1.jpg','Tuts','width=620, height=470')"><img src="thumbs/kp1.jpg" onclick"window.close();" alt="" width="154" height="115" border="0" style="border-width:0"></a></td>
MfG
Dennis
Liebe(r) infront,
<a href="#" onClick="window.open('gkp1.jpg','Tuts','width=620, height=470')"><img src="thumbs/kp1.jpg" onclick"window.close();" alt="" width="154" height="115" border="0" style="border-width:0"></a>
du hast Nicole nicht wirklich verstanden. Nicole geht von einem HTML-Dokument aus, in welchem ein Bild per <img>-Tag referenziert ist. In diesem HTML-Dokument kann man innerhalb des <img>-Tags diesen Javascript-Eventhandler notieren.
Was Du machst, ist Folgendes: Du öffnest per onclick auf eine Vorschaugrafik ein neues Fenster (window.open), in welches Du kein HTML-Dokument, sondern eine Grafik-Datei lädst. Da es sich in dem geöffneten Fenster um kein HTML-Dokument handelt, kannst Du auch kein Javascript nutzen, um es wieder zu schließen.
Wir haben hier also wieder mal einen Fall von Popup-Window für eine Vollansicht einer Grafik. Was diverse Popup-Blocker machen und was viele Poster in diesem Forum von einer Popup-Lösung halten, lässt sich zur Genüge im Archiv nachlesen.
Ich habe dieses Problem auf meine Weise gelöst: mein js_popup Script
Liebe Grüße aus Ellwangen,
Felix Riesterer.