externe Links kennzeichen

[Fritz]

Hallo,

eigentlich hätte ich die Frage gerne unter dem Themenbereich Barrierefreiheit eingestellt. oder CSS? oder doch Javascript?
na gut.
Ich möchte meine exteren Links als solche kennzeichnen
und zwar automatisch
mit folgender Javascript Funktion:

------------------
function extlinks() {
 for(var i=0; i < document.links.length; ++i)
 if(document.links[i].href.indexOf(window.location.hostname) == -1){
  document.links[i].className="ex";
 }
}
------------------
und im CSS
.ex:before {...

klappt das auch.

Aber damit erhalten auch verlinkte externe img die per CSS festgelegte Verzierung. Das ist nicht schön.
und ich finde keinen weg, das zu vermeiden.

per CSS
.ex img:before {tu nix}
oder ähnliches
krieg ich diese verlinkten images nicht in den Griff.

Hat jemand  eine Idee?
Kann man das Javascript so erweitern, daß verlinkte images nicht als class="ex" ausgezeichnet werden?

Oder muß ich bei meiner bisherigen manuellen Methode bleiben?
oder gibt es vielleicht sogar eine serverseitige Möglichkeit? Wäre natürlich allen anderen Möglichkeiten weit überlegen.

Gruß Fritz