Frage zu onclick event

[nicco]

Hallo,

ich hab mehrere kleine Bilder auf einer Webseite (Thumbnails)
Wenn man auf ein Bildchen klickt dann soll das Bild einen 3px starken roten Rand bekommen
und wenn ich auf ein anderes Bild klicke,dann soll dieses Bild eine Rand bekommen

<img onclick="this.style.border='3px solid red';" ..../>

mit diesem Code funktioniert es aber es soll nur immer ein Bild eine Umrandung haben egal wieviele Bilder man anklickt
Problem ist,wenn man mehrere anklickt,dann haben alle die man angeklickt hat einen Rand
Weiss jemand wie man das macht ??

 

[threadi]

Das musst Du über eine JavaScript-Funktion machen ..

<img onclick="aendereRahmen(this);" ..>

.. die ..

function aendereRahmen(obj) {

die Hervorhebung aller Bilder in deinem Quellcode zurücksetzt

document.getElementsByTagName("img").style.border="";

und dann von dem gerade aufgerufenen Objekt den Rahmen setzt

obj.style.border = "3px solid red";