Я пытаюсь изменить размер изображения в HTML, он получил ширину 314px и высоту 212px. Я хочу изменить его до 50%...
но используя это, я по-прежнему получаю большее изображение вместо изображения размером в половину.
<img src="image.jpg" width="50%" height="50%" />
Что я сделал неправильно? Благодаря
<html>
<head>
<title></title>
</head>
<body>
<div>
<img src="image4.png" width="50%" height="50%"/>
</div>
</body>
</html>
Я решил эту проблему, используя jquery ниже:
$(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);
});