Bild im hochkant-Format wird gedehnt...

maho15

Erfahrenes Mitglied
hier erstmal ein stück code:
<div align="center"><img src=BILD.JPG width="1024" height="768" align="middle" name="slider">

über ein javascript wird in das Bildfenster immer ein anderes Bild eingefügt. Das Prob ist, dass es auch hochkant bilder gibt, die aber dann breitgezogen werden.

es wäre nicht schlecht, wenn sich der width u. height automatisch richtig zum bild einstellt.
 
ehm... einfach die grössenangabe weglassen? dann wird das doch automatisch passend skaliert.

aber da du das bild ja in der höhe passend zum fenster haben willst:

Code:
function bild_skalieren(bild)
{
    var temp_height, factor;

    /* abmessungen temporär speichern */
    temp_height = bild.height;

    /* bild auf den sichtbaren bereich strecken */
    bild.height = document.availHeight;

    /* dehnungsfaktor berechnen */
    factor = bild.height / temp_height;

    /* breite des bildes um den errechneten dehnungsfaktor strecken */
    bild.width = bild.width * factor;
}

--- hab ich nicht getestet.

// edit:
das ist natürlich nur ein beispiel. du musst einfach nur unterscheiden, ob das bild in der höhe oder in der breite an das fenster angepasst werden soll.
wenn das bild in der originalgrösse schon breiter ist, als das fenster, macht es wenig sinn, es vertikal zu strecken.
 
Zuletzt bearbeitet:

Neue Beiträge

Zurück