0

動的に変更される画像要素があり、必要に応じてコンテナーに合わせて動的にサイズ変更されます。

私の現在のプロセスは次のとおりです。

  1. イメージをリセット:

    // make sure the 'load' event is re-triggered
    img.src = "";
    // reset dimensions
    img.style.width = "auto";
    img.style.height = "auto";
    
  2. 新しいソースを設定し、ロードされるのを待ちます

    img.src = newImageSource;
    
  3. 画像onloadハンドラーでは、サイズがテストされ、必要に応じて変更されます。

    img.style.width = newWidth + "px";
    

これは、画像が変更されるたびに繰り返されます (無限)。

これは、テストしたすべてのブラウザー (ie7、8、9、10、FF、chrome) で正常に動作しますが、ie6 で幅/高さを「自動」に設定すると、実際の画像のサイズに関係なく、要素のサイズが約 25 x 25 px に変更されるようです。

そう; 画像のサイズを「自動」に相当する値にリセットして、後で読み込まれる画像のサイズによって ie6 の要素のサイズが決定されるようにする方法はありますか?

4

1 に答える 1