Hallo!

Ich würde gerne in einer HTML-Seite die Größe eines jpegs abhängig von der Bildschirmauflösung machen.

Bislang habe ich (als JS-Anfänger) das Problem, dass ich anscheinend nicht innerhalb des <img>-Tags mit Javascript arbeiten kann. D.h. folgendes funktioniert NICHT:

Code :

1 2 3 4 5 6 7 8 9

<img src="logo.jpg" width=" <script type="text/javascript">  <!--      document.write(""+screen.width);   //--> </script> " height="194">

Wie kann ich den Wert von 'width' trotzdem dynamisch einfügen

Danke...Tobias

Lösung gefunden:

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

<td class="cs2"><script type="text/javascript">  <!--     var breite, hoehe;         if(screen.width>1000){     breite = 194;     hoehe = 194;     }     else{     breite = 100;     hoehe = 100;     }         document.write('<img src="logo.jpg" width="'+breite+'" height="'+hoehe+'">');   //--> </script></td>

Bei dieser Lösungsvariante solltest du jedoch bachten, dass die Grafik nur für Benutzer mit aktivierter JavaScript-Unterstützung zugänglich ist.
Folgendes wäre zugänglicher:

HTML-Code:

<img id="logo" src="logo.jpg" width="100" height="100">

Code :

1 2 3 4 5 6 7

window.onload = function() {     var c = document.getElementById("logo");     if( screen.width > 1000 ) {         c.width = 194;         c.height = 194;     } }