我有一个动态更改的图像元素,如果需要,可以动态调整大小以适合其容器。
我目前的流程是:
重置图片:
// make sure the 'load' event is re-triggered
img.src = "";
// reset dimensions
img.style.width = "auto";
img.style.height = "auto";
设置新的源并等待它加载
img.src = newImageSource;
在图片onload
处理程序中,测试尺寸,如有必要,进行更改:
img.style.width = newWidth + "px";
这种情况会在图像变化(无限)时重复出现。
这适用于所有测试的浏览器(即7,8,9,10,FF,chrome)但是ie6设置宽度/高度为“auto”似乎将元素大小调整为大约25 x 25 px,而不管实际图像的尺寸如何
因此;有没有办法将图像尺寸重置为相当于“自动”,以便随后加载的图像尺寸决定ie6的元素尺寸?
答案 0 :(得分:1)
我相信你可以写
img.style.width = "";
将宽度设置为默认值auto
。显然img.style.width = "auto";
的工作方式不同。