Guida – Ridimensionare le immagini con jQuery

Vediamo oggi un piccolo script jQuery che permette di ridurre le dimesioni di un ‘immagine con jQuery.

<div id="stcpDiv">
<pre>$(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
});

Tempo Lettura

0 minuti, 43 secondi

Condividi


Tags



Giuseppe

Salve il mio nome come avrete notato e Giueppe Alessandro De Blasio e questo è il mio blog, tutto nasce dalla passione per la tecnologia e per il web in generale, ed oggi lo utilizzo come mezzo di condivisione. Spero che la vostra permanenza sul mio blog vi sia utile e che decidiate di diventare miei affezionati lettori.

Restiamo in contatto

Ricevi gli ultimi articoli o offerte speciali sugli ultimi sviluppi ...

Se ti iscrivi alla Newsletter per te tantissimi vantaggi!

Se ti iscrivi alla Newsletter per te tantissimi vantaggi!