ridimensionamento automatico allegati su un forum

[il_gommista]

ciao a tutti,
sono nuovo del forum, e vi prego di scusarmi se sto sbagliando qualcosa, ma avrei bisogno delle vostre conoscenze per risolvere un problema!
io sono abbastanza un novizio per quanto riguarda la programmazione, pero' imparo in fretta!

il mio problema e' questo:
ho un forum sul quale vorrei che le foto allegate venissero automaticamente ridimensionate ai valori da me impostati per la visualizzazione (magari se possibile dando la possibilita' cliccandoci sopra di aprire un popup visualizzando l'immagine nelle sue dimensioni originarie).

tra le varie impostazioni del forum ho trovato solo il limite degli allegati (peso) ma non quello della dimensione!

riuscite ad aiutarmi indicandomi qualche script che mi permetta questo?

grazie in anticipo per l'aiuto che mi darete!

[Xinod]

devi chiarire se vuoi un limite al momento dell' upload o in fase di visualizzazione:
nel primo caso sicuramente javascript non puo' aiutarti, puoi sperare di risolvere solo sul lato server, sempre che questo forum ti permetta modifiche sostanziali

nel secondo caso usa prima di tutto la ricerca, ricordo che un problema simile e' stato gia' risolto un paio di volte in passato

ciao

[il_gommista]

mi interessa sostanzialmente la seconda: l'immagine viene caricata sul server di dimensione grande, ma aprendo il post viene visualizzata di dimensioni ridotte (impostete da me sullo script) e possibilmente cliccabile per vedere l'immagine nelle sue dimensioni originali!

ho cercato invano non solo su questo forum, ma anche in rete, e non ho trovato niente! probabilmente pero' sbaglio io a fare la ricerca!

[Xinod]

le dimensioni normali sono in width e height nel markup, tipo
[img]blabla.jpg[/img]
?

function imagesResize(){
	var maxW=100;
	var imgs=document.getElementsByTagName('img');
	for(var k=0,l=imgs.length;k<l;k++){
		if(imgs[k].width>maxW){
			var ratio=imgs[k].height/imgs[k].width;
			imgs[k].width=maxW;
			imgs[k].height=parseInt(maxW*ratio);
		}
	} 
}
window.onload=imagesResize;

questo agisce automaticamente su tutte le immagini e parte all' onload (quando tutto il documento e' stato caricato) quindi durante il caricamento le immagini si mostrano non ridimensionate

se e' un problema devi modificare il markup stesso
il codice diventa

var maxW=100;
function imageResize(im){
	if(im.width>maxW){
		var ratio=im.height/im.width;
		im.width=maxW;
		im.height=parseInt(maxW*ratio);
	} 
}

e il markup di ogni immagine diventa
[img]blabla.jpg[/img]

[il_gommista]

grazie mille!
provo a fare questa modifica e ti dico come e' andata!

[il_gommista]

ok, allora ho provato ed il primo script funziona benissimo.... unico problema e' che una volta ridimensionate non da la possibilita' cliccandoci sopra di aprire un popup con l'immagine di dimensioni originali.

il secondo script pero' non sono riuscito a farlo funzionare!

l'ideale per me sarebbe il secondo, ma con il popup!

chiedo troppo?
scusami se sono duro, ma davvero sono un autodidatta!

[Xinod]

Originariamente inviato da il_gommista
il secondo script pero' non sono riuscito a farlo funzionare!

riguardalo con calma,
vedi se la console javascript riporta errori
a me risulta funzionare

per aprire in popup basta aggiungere

var maxW=100;
function imageResize(im){
	if(im.width>maxW){
		var ratio=im.height/im.width;
		im.width=maxW;
		im.height=parseInt(maxW*ratio);
		im.style.cursor='pointer';
		im.onclick=function(){window.open(im.src,'');}
	} 
}

vedi http://javascript.html.it/guide/lezi...sonalizzabili/ per come settare le proprieta' della popup

ciao