我正在尝试用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);
});
为什么在IE,Chrome和Safari上clientWidth/Height返回0？但在Firefox和Opera上运行正常.我用过这段代码:
$(document).ready(function () {
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,
height: imgHeight
});
console.log(imgWidth);
}
console.log(imgLength);
});
任何的想法？谢谢.
我尝试使用带有clientwidth的window.load,它适用于Firefox,Chrome和Opera,但其他人没有
如何通过一次调用jQuery迭代两个数组.each()？
这样的事情显然不起作用:
$.each(arr1, arr2, function(i,v){
//do something...
});
那么怎么做呢？
我可以像这样在JavaScript中合并两个数组吗？
这些数组:
arr1 = ['one','two','three'];
arr2 = [1,2,3];
成
arr3 = ['one': 1, 'two': 2, 'three' : 3]