How to Resize Images with jQuery

Follow FullPress on Google

Add us to your preferred sources.

Below is a jQuery code snippet that will allow you to resize images within an HTML element.

$(document).ready(function() {
  // Select all images to resize
  var images = $('img');

  // Set the desired width and height
  var newWidth = 300;
  var newHeight = 200;

  // Resize the images
  images.each(function() {
    $(this).css({
      width: newWidth,
      height: newHeight
    });
  });
});