bildaufruf je nach Bildschirmauflösung anpassen

Hallo, da das nun so toll geklappt hat(mit dem css), wage ich es, nochmal nach einer Variante zu fragen:
Das hier steht schon drin bei mir.
Damit wird ein benutzerdefiniertes Feld ausgewertet.

Zitat

<div id="dasbild"><img src="<?php bloginfo('url'); ?>/wp-content/uploads/<?php $inhalt = get_post_meta($post->ID, 'grossesbild', true); ?><?php echo $inhalt; ?>.jpg" NAME="dasbild" /></div>

das ist das script , das ich vorher verwendet habe

Zitat

<script language=javascript>
breite=screen.width;
hoehe=screen.height;
if ((breite>=1280)&&(hoehe>=1024))
{
document.write('<link href="style.css" type="text/css" rel="stylesheet" media="screen" />');
}
else
{
document.write('<link href="style2.css" type="text/css" rel="stylesheet" media="screen" />');
}
</script>

Alles anzeigen

Nun würde ich gerne vor .jpg" dieses javascript reinschreiben, damit je nach Bildschirmauflösung dort [COLOR=RoyalBlue]document.write('-gross');[/COLOR] steht und somit ein größeres oder eben das kleinere Bild geladen wird.

Ich hab das schon probiert, aber so mitten im link scheint das nicht so ohne weiteres zu gehen.
Kann mir jemand sagen, "wie" oder "ob überhaupt"?

Vielen Dank!

Vielen Dank für den Tipp - du meinst, dass man immer das gleiche Bild lädt - aber im kleineren Fall einfach per css kleiner scaliert?
Hm, meiner Erfahrung nach sieht das eventuell recht scheiße aus ...
Es sind nämlich richtig tolle Bilder vom Kunden(=fotograf) höchstpersönlich fotografiert.

Mich würde auch einfach interessieren, wie der korrekte code für diese Situation aussieht - denn theoretisch müsste es ja funktionieren.

also falls mir da jemand weiterhelfen könnte wäre ich sehr dankbar!

Ansonsten hat mich dein Vorschlag aber eh auf eine Idee gebracht - mal probieren.
Danke auf jeden Fall!