Hallo,
ich habe folgendes Script um dynamisch Hintergrundbilder zu laden. Nun hätte ich gerne, das sich die Grösse der Bilder dem Browser anpasst und ausfüllt, wenn es verändert wird. Wie kann ich die Grösse (width = "100%") miz einfügen. Vielleicht weiss jemand Rat?
Danke
<script>
function changeBackground(imgid){
// liste mit den bildern:
images = new Array("IMG_0619.jpg","IMG_0620.jpg","IMG_0621.jpg");
// neues hintergrund bild:
document.body.style.backgroundImage = "url('" + images[imgid] + "')";
document.body.style.backgroundRepeat = "no-repeat";
// neuen Arrayzeiger festlegen:
anzahl = images.length - 1;
imgid = (anzahl > imgid) ? imgid+1 : 0;
// function nach 1 sekunde (1000 millisekunden) wieder aufrufen:
window.setTimeout("changeBackground("+imgid+")", 1000);
}
</script>
ich habe folgendes Script um dynamisch Hintergrundbilder zu laden. Nun hätte ich gerne, das sich die Grösse der Bilder dem Browser anpasst und ausfüllt, wenn es verändert wird. Wie kann ich die Grösse (width = "100%") miz einfügen. Vielleicht weiss jemand Rat?
Danke
<script>
function changeBackground(imgid){
// liste mit den bildern:
images = new Array("IMG_0619.jpg","IMG_0620.jpg","IMG_0621.jpg");
// neues hintergrund bild:
document.body.style.backgroundImage = "url('" + images[imgid] + "')";
document.body.style.backgroundRepeat = "no-repeat";
// neuen Arrayzeiger festlegen:
anzahl = images.length - 1;
imgid = (anzahl > imgid) ? imgid+1 : 0;
// function nach 1 sekunde (1000 millisekunden) wieder aufrufen:
window.setTimeout("changeBackground("+imgid+")", 1000);
}
</script>