0

Jquery でカルーセルを作成したいのですが、img の幅は可変です。

FIX幅で複数のimgを計算する方法は知っていますが、div(この場合はsub_container)を割り当てるためにVARIABLE幅で計算する方法がわかりません。

これは例です:

    <div id="container">
          <div id="sub_container" style="width:WIDTH FROM VARIABLE WIDTH OF IMAGES">          
             <img id="#number" width="200px" src="#">
             <img id="#number" width="240px" src="#">
             <img id="#number" width="150px" src="#">
             <img id="#number" width="500px" src="#">
          </div>
    </div>

注意: コンテナーの幅は、ウィンドウ/ブラウザーの幅から取得されます。

手伝って頂けますか?:/

本当にありがとう!:(

4

2 に答える 2

1

次のようなことができます。

$(function() {
   var width = 0;
   // Get all images in the sub container
   $("img","#sub_container").each(function () {
       // Add the width of each image
       width += $(this).width();
   });
   // Do whatever you want with the width
   $("#sub_container").width(width);
});

作業例: http://jsfiddle.net/DZ9rF/

于 2012-10-06T17:27:23.693 に答える
0

これを試して:

$.fn.sumWidths = function() {
    var sum = 0; 
    this.each(function() {
        sum += $(this).width();
    });
    return sum;
};

それで

$('#sub_container').width( $('#sub_container img').sumWidths() );
于 2012-10-06T17:28:36.703 に答える