[HTML/JavaScript?] Klick auf Bild ohne Link-Rahmen soll neues Fenster öffnen

Smaz

knorke
ID: 37194
L
20 April 2006
456
23
Hallo,
ich bin grad ein wenig am verzweifeln. Und zwar habe ich ein Bild, welches verlinkt werden soll. Das Bild soll allerdings keinen Link-Rahmen bekommen, sodass ich auf onClick zurückgegriffen hab. Nun möchte ich aber bei Klick auf das Bild die Seite in einem neuen Fenster öffnen lassen. Geht das? Wenn ja, wie?
Ich bin beim Suchen schon auf das gestoßen, scheint aber nur bei Links zu funktionieren :-?
 
PHP:
<a href="https://www.domain.tld" target="_blank"><img alt="Image" border="0" src="https://www.domain.tld/image.png" /></a>
<img alt="Image" src="https://www.domain.tld" onclick="window.open('https://www.domain.tld', '_blank');" />

Moin, einfach mal testen ;)
 
Wenn du den Rahmen wegkriegen willst, schreibst du ins Stylesheet:
Code:
a img {
  border: none;
}
Das wirkt dann gleich für alle Bilderlinks.

Für neues Fenster entweder die JS-Variante mit window.open benutzen, oder im <a>-Tag das target-Attribut auf "_blank" setzen.
In der heutigen Zeit ist das aber nimmer zu empfehlen, weil jeder gerne selber entscheiden möchte, ob er einen Link im neuen Fenster/Tab anzeigen möchte.
 
Oder Du schreibst border="0" ohne Stylesheet direkt in den img-Tag.

PHP:
<a href="Zielseite" target="_blank"><img src="URL_zur Bilddatei" border="0"></a>

Dann brauchst Du nichtmal Javascript verwenden.
 
Danke erstmal :D
Hab mich jetzt für die allererste (und auch die letzte) Variante entschieden. Ich meine zwar, dass ich's eben so schon mal ausprobiert hab und das dann nicht ging, aber nun funzt's... wohl vertippt und umsonst so'n Aufstand gemacht :shifty:

@theHacker: Zeig dir in nen paar Tagen mal, worum's genau geht. Da wärs wirklich doof, wenn's im selben Fenster aufgeht ;)
 
Zuletzt bearbeitet: