Resize alla image with Javascript

Esigenza

Evitare che nel Blog venissero postate immagini che superano il llimite, in larghezza da me stabilito (450px).

Soluzione

Inserire nella pagine principale un piccolo ma efficace codice javascript che effettua il resize delle immagini che superano i suddetti limiti.

<script language="javascript" type="text/javascript">
<!--
function resizeimages(){
var max_width = 450;
if (document.images) {
for (i = 0; i < document.images.length; i++) {

while ( !document.images[i].complete ){
break;
}
if ( document.images[i].width > 450 ){
var imagetoprocess = document.images[i];
var old_width = imagetoprocess.width;
var old_height = imagetoprocess.height;
imagetoprocess.width = max_width;
imagetoprocess.height = Math.round(old_height * max_width / old_width);
}
}
}
}
//-->
</script>

La variabile max_width è impostata a 450 in maniera “cablata” nel codice, con un po di fantasia e spostando lo script dalla default.htm in una include la si potrebbe impostare anche via asp con quella definità nel pannello di configurazione…ma io sono pigro

Scaricate l’esempio qui

Lo zip contiene la versione standard, parlo di DBlog, della pagina defaul.htm. Se non avete effettuato modifiche potete tranquillamente sovrascrivere la vostra con quella dello zip.

Ovviamente i ringraziamenti e/o i commenti a riguardo sono tutti ben accetti.