Estoy tratando de cambiar el tamaño de una imagen en HTML, tiene un ancho de 314px y una altura de 212px. Quiero cambiar el tamaño al 50% ...Tamaño de la imagen al 50% del tamaño original en HTML
pero al usar esto, sigo obteniendo una imagen más grande en lugar de una imagen de tamaño medio.
<img src="image.jpg" width="50%" height="50%" />
¿Qué hice mal? Gracias
<html>
<head>
<title></title>
</head>
<body>
<div>
<img src="image4.png" width="50%" height="50%"/>
</div>
</body>
</html>
que resuelven el problema anterior usando jQuery a continuación:
$(document).ready(function(e) {
var imgs = document.getElementsByTagName('img');
var imgLength = imgs.length;
for(var i=0; i<= imgLength-1;i++){
var imgWidth = imgs[i].clientWidth;
var imgHeight = imgs[i].clientHeight;
$('img').eq(i).attr({width:imgWidth/2, height: imgHeight/2});
console.log(imgWidth);
}
console.log(imgLength);
});
he editado la cuestión con el código que he escrito. – Sam
Bueno, este código debe funcionar ... no hay nada de malo en ello ... – Asif
¿Funciona el vinilo que he proporcionado en la respuesta? ¿Puedes ver la diferencia de tamaño de imagen aquí? También intente con el atributo 'style' dado que – Asif