Bildergrösse dynamisch ändern
Knut
- javascript
Hallo,
Ich will am Anfang jeder Seite meines Porjektes ein ImageMap zur Navigation setzen.
Dieses Bild(es stellt eine Landfschaft dar) ist so überarbeitet das es nach unten hin in die background textur überfliesst. Nur zeigen sich rechts und links von dem bild hässliche streifen, weil das bild dort nicht in den backrround überfliesst. Also möchte ich das das bild immer die ganze Fensterbreite ausfüllt. Da die Fenster bei den Usern ja meistens unterschiedlich breit sind kommt nur eine dynamische anpassung in Frage. Aber wie?
MS Explorer versteht die Abfrage "window.innerWidth" nicht. In Netscape krieg ich dagegen nicht raus wie ich mit Js die Breite des Bildes verändern kann.
Weiß jemand eine Lösung?
Bye Knut
Hallo Knut!
An der Stelle wo das bild hinkommen soll:
<script language="JavaScript">
function bild(){
var x, y;
if (document.layers){
x = self.innerWidth;
y = self.innerHeight;
}
else {
x = document.body.clientWidth;
y = document.body.clientHeight;
}
breite = x;
hoehe = y;
document.write("<img src="bilg.gif" width="+breite+" height="+hoehe+">");
}
bild();
</script>
Grüße
Thomas
Hallo Knut!
An der Stelle wo das bild hinkommen soll:
Also ganz korrekt :
<script language="JavaScript">
function bild(){
var x, y;
if (document.layers){
x = self.innerWidth;
y = self.innerHeight;
}
else {
x = document.body.clientWidth;
y = document.body.clientHeight;
}
breite = x;
hoehe = y;
document.write("<img src="bild.gif" width=""+breite+"" height=""+hoehe+"" border="0" alt="">");
}
bild();
</script>
Grüße
Thomas