Categorie
dblog Software

Resize alla image with Javascript

close

Italiano: Questo post è stato pubblicato 14 anni 7 mesi 6 giorni fà e potrebbe quindi non essere più attendibile. Questo sito non è responsabile per qualsiasi incomprensione o problema derivante dalla lettura del presente post.

Resize alla image with Javascript

Resize all 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.

Di adolfo

Nato sulla terra e residente sulle nuvole.

15 risposte su “Resize alla image with Javascript”

ciao, ho provato questo fantastico script sul mio sito: funziona alla perfezione ma, avrei una domanda: come faccio a fare in modo che lo script agisca solamente su alcune immagini e non su tutte quelle presenti nella pagina?

Complimenti Foffo, ottimo lavoro, l’ho provato e funziona bene.
Ho provato ad adattare il javascript in modo che lavori sull’altezza invece che sulla larghezza dell’imagine ma non ci sono riuscito. Foffo, potresti inviarmi gentilmente lo stesso script adattato per il resize dell’altezza?
Ciao mitico.

A foffo…
1. lo zip viene scaricato senza estensione;
2. il link al css rimanda alla mia cartella “blogme”;
3. la pagina default.htm ce la siamo inventata?
eheheh
La vecchiaia galoppa come furia (cavallo del west)

ma come io faccio degli automatismi per non farvi fare nulla e voi volete epr forza fare qualche cosa?
Voi non fate nulla…quell’articolo

Foffo, io sono gnurante. cosa intendi per ‘inserire nella pagina principale’? intendi forse la pag. in cui creiamo l’articolo? e se si, tale codice vamesso all’inizio della pagina?

Rispondi

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.