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.