ein Bild resizen mit Javascript

Wenn ein Bild geladen ist, ist es oft nützlich dessen Höhe und Breite per Javascript zu ändern, um es beispielsweise an bestimmte Popups anzupassen; wenn das Bild breiter als das Fenster ist, wird es von der JS-Funktion verkleinert.
Dies ist folgendermaßen leicht möglich:

Im img-Tag selber ruft man onload die entsprechende Funktion auf:
<img src=“http://www.domain.de/bild.jpg alt=„Thumbnail“ title=„Thumbnail“ name=„bild“ onload=„CheckImgSize(this)“>

Überschreiten die Maße des Bilds nun einen in der Funktion definierten Wert, greift die Resize-Funktion:

<SCRIPT LANGUAGE=„JavaScript“ TYPE=„text/javascript“>

<!–

function CheckImgSize(TmpImage)

{

if(TmpImage.width > 260)

{

TmpImage.width = 260;

}

}

//–>

</script>

Hier ist es nun also so, dass ein Bild im Browser mit einer Maximalbreite von 260 Pixeln dargestellt wird, egal wie breit es wirklich ist.

Schreibe einen Kommentar