Auch wenn es sich erledigt hat poste ich trotzdem nochmal eine Alternativlösung in JS (natürlich würde auch ich die direkte CSS Zuweisung auf jeden Fall bevorzugen, falls möglich):
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Test</title>
<style type="text/css">
#body img {
border: 0;
margin: 5px;
}
</style>
<script type="text/javascript">
function image_border() {
// Img-Tags ermitteln
var imgs = document.getElementsByTagName('img');
// Alle Tags einzelnd durchlaufen
for (var i = 0, c = imgs.length; i < c; i++) {
// Url aus src-Attrbut auslesen und Dateiendung abtrennen
var url = imgs[i].src;
var type = url.slice(url.lastIndexOf('.') + 1, url.length);
// Typ / Aktion wählen
switch (type) {
case 'jpg': imgs[i].style.border = '2px solid red'; break;
case 'gif': imgs[i].style.border = '2px solid green'; break;
case 'png': imgs[i].style.border = '2px solid yellow'; break;
}
}
}
</script>
</head>
<body onload="image_border()"> <!-- Nach dem Laden der Seite gehts los... -->
<img src="http://xhtmlforum.de/images/x_buttons/reply.gif" alt="" />
<br />
<img src="http://xhtmlforum.de/images/x_layout/top_left_dark.jpg" alt="" />
<br />
<img src="http://xhtmlforum.de/images/x_buttons/reply.gif" alt="" />
</body>
</html>