0
私は、すべての画像がWebページに読み込まれるまで待ってから、ボックスに収まるように幅を変更するJavaScript関数を書いています。それはクロムの魅力のように動作します(clientWidthは画像がロードされるまで0です)。しかし、Firefoxでは、実際には画像がロードされる前に実際の縮小部分が起こるように、同じサイズのままです)。どんな修正アイデアですか?代わりclientWidth
をチェックするclientWidthはChromeとFirefoxの違いですか?
function shrink() {
var images = document.getElementsByTagName("img");
var interval = setInterval(function() {
var exit = 0;
for (var i = 0; i < images.length; ++i) {
if (images[i].clientWidth != 0) exit += 1;
}
if(exit == images.length) {
clearInterval(interval);
for (var i = 0; i < images.length; ++i) {
if(images[i].clientWidth > 600) images[i].style.width = 400;
}
}
},100);
}
ChromeとFirefoxの両方で動作しています。 – kviktor