[JS] Vor Bild Link einfügen

[Renegade]

Hi,

Da es mir auf die Nerven geht wenn große Bilder meine Seite sprengen, wollte ich die automatisch mit Javascript verkleinern.

Als erstes lese ich alle Bilder aus, danach wird überprüft welches zu groß ist und anschließend verkleinert.

Jetzt sollten die User aber auch die Möglichkeit haben das Bild in voller Größe zu sehen. Ich könnte natürlich mittels dem Eventhandler onClick ein Popup öffnen lassen, aber ich habe mir eine schönere Möglichkeit überlegt. Dafür ist es aber notwenig, dass das Bild von einem Link Element umschlossen wird:

<a> <img /> </a>

Hat jemand eine Idee wie das geht?

 

[paddya]

Hallo,

es geht so, wie du das gepostet hast:

<a href="fullsize.php?picture=bildID"><img src="verkleinertes_bild.jpg" alt="Bildname" /></a>

Greetz

paddya

 

[Renegade]

Hallo,

es geht so, wie du das gepostet hast:

<a href="fullsize.php?picture=bildID"><img src="verkleinertes_bild.jpg" alt="Bildname" /></a>

Greetz

paddya

Hi,

Ich weiß schon wie man das in HTML löst
Meine Frage war, wie mache ich das mit JS.

 

[theHacker]

Meine Frage war, wie mache ich das mit JS.

Du musst die Funktionen des DOMs nutzen, um entsprechende Nodes zu erstellen und in den Baum einzuhängen.

Mit Google findest du ne Menge. Hier z.B. ein Link, der dir zeigt, wie das in etwa funktioniert:
https://standards.webmasterpro.de/index-article-Das Document Object Model.html#objekte_einfuegen

 

[ice-breaker]

also ich würde den DOM-Node der Grafik suchen, davor einen Node einfügen, der der Hyperlink ist, dort dann die Grafik eintragen und den alten Node mit der Grafik löschen

 

[Renegade]

Hi,

Vielen Dank euch beiden. Habe das ganze jedoch jetzt anders gelöst, was den gleichen Zweck erfüllt

 

[tkiela]

Dann erzähl doch mal wie, damit wir auch dazulernen ;-)

 

[Renegade]

Hi,

Ihr werdet wahrscheinlich jetzt lachen, aber ich wollte den Link um eine JS-Funktion aufzurufen. onClick tut seinen Job aber auch ganz gut