Skip to content

Instantly share code, notes, and snippets.

@quawn
Last active January 4, 2016 03:19
Show Gist options
  • Save quawn/8560737 to your computer and use it in GitHub Desktop.
Save quawn/8560737 to your computer and use it in GitHub Desktop.
JS: Image resizing using 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
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment