Caputo's blog

Informatica, tecnologia, programmazione, fai da te, papercraft e papertoy

Ridimensionare immagini con jQuery

dicembre 8th, 2012 by Giovanni Caputo

Voglio condividere un piccolo script jQuery che permette di ridurre le dimesioni di un ‘immagine con jQuery.

$(window).bind("load", function() {
	// IMAGE RESIZE
	$('#product_cat_list img').each(function() {
		var maxWidth = 120;
		var maxHeight = 120;
		var ratio = 0;
		var width = $(this).width();
		var height = $(this).height();

		if(width > maxWidth){
			ratio = maxWidth / width;
			$(this).css("width", maxWidth);
			$(this).css("height", height * ratio);
			height = height * ratio;
		}
		var width = $(this).width();
		var height = $(this).height();
		if(height > maxHeight){
			ratio = maxHeight / height;
			$(this).css("height", maxHeight);
			$(this).css("width", width * ratio);
			width = width * ratio;
		}
	});
	//$("#contentpage img").show();
	// IMAGE RESIZE
});

Questo post รจ stato postato sabato, dicembre 8th, 2012 at 15:56 nella categoria Programmazione. Tags:.
Puoi seguire tutti i commenti di questo articolo attraverso RSS 2.0 feed. Puoi lasciare un commento, o trackback dal nostro sito.

Lascia un commento

You must be loggati to post a comment.