divの幅の画像の幅を計算しますか？ JS/jQ

Question

私は設計した/部分的に開発した写真家のためのブログを持っています。彼は多くの支払いをしていますので、私はすべてを簡単に編集できるようにしています。

彼のギャラリーは横長ビューなので、左から右にスライドして写真を表示する必要があります。この問題は、新しい写真が追加されたときに、HTML/CSSで幅を増やす必要があることです。新しい写真が追加されたとき、jQのは、ページ上のすべての写真の幅を計算し、それらのすべてが収まるように含むdivのために使用される幅を返すように

は、どのように私はそれを作ることができますか？

var photo_width = 0; 
$("#photos img.proofs").each(function(){ 
    photo_width += $(this).width(); 
}); 

この選択：任意の助けID =「写真」コンテナのdivとかなりシンプルセットアップし、それをクラス=「証明」でのimgタグのコレクションを想定し

Answer 1

ため

感謝.proofsクラスで写真としてタグ付けされたすべての画像を繰り返し、その幅を合計しながら繰り返します。あなたの設定に合わせてこれを変更できるはずです。

私が集まる何から、WebKitのブラウザは、画像のみが幅の値が設定されている場合はこれを正しく計算するので、あなたのHTMLコードは、幅が画像に属性が含まれることを確認します。それはとにかく良い練習です。