Answers for "image resize event javascript"

17

js window resize listener

//listen for window resize event
window.addEventListener('resize', function(event){
    var newWidth = window.innerWidth;
    var newHeight = window.innerHeight; 
});
Posted by: Guest on July-31-2019
0

javascript resize event

window.resize = event => {
  // Code here
};
Posted by: Guest on July-04-2020
1

javascript resize image

const img = document.querySelector('img');
//Width and height values must be integers
//Width and height are measured in pixels (px)
img.width = 128;
img.height = 128;
//To use other type of measeures (% em) style should be edited
//In this case it has to be a string
img.style.width = '10em';
img.style.height = '10em';

//Resize by input (min = 0; max = 100)
//Event mousemove is for a fluent effect
const range = document.querySelector('input[type=range]');
range.addEventListener('mousemove', evt => {
	img.style.width = evt.target.value + '%';
});
Posted by: Guest on September-14-2020

Code answers related to "image resize event javascript"

Code answers related to "Javascript"

Browse Popular Code Answers by Language