html - コンテナーのサイズをイメージに変更

Question

高さ 100% のイメージ コンテナーと、高さに適合するイメージ (display:inline で作成) があります。私が今したいのは、サイズ変更された画像に合わせてコンテナの幅を縮小することです。

問題: コンテナーは、サイズ変更されたバージョンではなく、イメージの元のサイズに縮小されます。

Answer 1

解決策を見つけました。これで、コンテナは希望どおりに動作します。画像は、指定された高さに応じて動的にサイズ変更されます。コンテナーは、すべての画像の幅に合わせてサイズ変更されます。残っている唯一のことは、ユーザーがウィンドウ サイズを変更している場合、サイトをリロードする必要があることです (js で実行できます)。誰かがより良い解決策を持っている場合は、私に知らせてください。

http://jsfiddle.net/EdgKr/9/

Answer 2

<img src.....を使用して設定してみませんかwidth: 100%。それを試してみて、それがどうなるか見てください。

Answer 3

次のような「onLoad」アクションを画像に追加できますonload="sizeCont();

function sizeCont() {
  document.getElementById("containerID").style.width = 
    document.getElementById("imageID").style.width;
  }