Change image size with JavaScript

by

Once you have a reference to your image, you can set its height and width like so:

var yourImg = document.getElementById('yourImgId');
if(yourImg && yourImg.style) {
    yourImg.style.height="100px";
    yourImg.style.width="200px";
}

In the html, it would look like this:

<img src="https://stackoverflow.com/questions/1297449/src/to/your/img.jpg" id="yourImgId" alt="alt tags are key!"/>

More Related Contents:

  1. how to resize responsive image up and down
  2. Check if an image is loaded (no errors) with jQuery
  3. Changing the image source using jQuery
  4. Determine original size of image cross browser?
  5. Should setting an image src to data URL be available immediately?
  6. Using JavaScript to display a Blob
  7. Detect when an image fails to load in JavaScript
  8. How to load all the images from one of my folder into my web page, using Jquery/Javascript
  9. how to show alternate image if source image is not found? (onerror working in IE but not in mozilla) [duplicate]
  10. Javascript set img src
  11. Can I prevent the Chrome Developer Tools console from logging image 404 errors? [duplicate]
  12. In Bootstrap open Enlarge image in modal
  13. Draw border around nontransparent part of image on canvas
  14. How do I abort image load requests without using window.stop()
  15. How to save an image of the chart on the server with highcharts?
  16. JavaScript: Know when an image is fully loaded
  17. How to convert image to byte array using javascript only to store image on sql server?
  18. Summernote image upload
  19. How to flip images horizontally with HTML5
  20. Change image in HTML page every few seconds
  21. How to get the image size (height & width) using JavaScript
  22. how express forming the img URL
  23. How to cancel an image from loading
  24. createImageBitmap alternative on Safari
  25. How to create a new img tag with JQuery, with the src and id from a JavaScript object?
  26. Regex JavaScript image file extension [closed]
  27. IIS 7.5 no images css js showing
  28. Opening images on NodeJS and finding out width/height
  29. How should I crop an image at client side using jcrop and upload it?
  30. Images not showing up on PDF created from HTML

Leave a Comment