動的に変更される画像要素があり、必要に応じてコンテナーに合わせて動的にサイズ変更されます。
私の現在のプロセスは次のとおりです。
イメージをリセット:
// 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";
これは、画像が変更されるたびに繰り返されます (無限)。
これは、テストしたすべてのブラウザー (ie7、8、9、10、FF、chrome) で正常に動作しますが、ie6 で幅/高さを「自動」に設定すると、実際の画像のサイズに関係なく、要素のサイズが約 25 x 25 px に変更されるようです。
そう; 画像のサイズを「自動」に相当する値にリセットして、後で読み込まれる画像のサイズによって ie6 の要素のサイズが決定されるようにする方法はありますか?