✔ Flexible Bildgröße?

[tobiaft]

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:

<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

 

[tobiaft]

Lösung gefunden:

<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>

 

[Gumbo]

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:

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

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