JqueryまたはCssを使用して不明な要素の高さまたは幅を設定する

Question

私は非常に単純なレイアウトの製品イメージと、その右側にある不明な数のaltイメージを持っています。

altを設定する方法が必要です。これは、すべてが同じようにメイン画像の高さに加算される何らかの種類の割合を持つようにするためです。

私はいくつかの単純なjQueryを試しましたが、私に必要なレイアウトを与えてくれていないようです。ここで

はhttp://jsfiddle.net/r7MgY/7112/

Answer 1

あなたの主な問題は、あなたがコンテナではなく、画像自体の％に小さな画像の高さを設定していることである私のバイオリンへのリンクです。大きな画像の高さを100％に設定するか、大きな画像の高さ/要素数を計算して、小さな画像のピクセルの高さを取得するだけで、これを解決できます。

第2に、小さな画像ではなく幅を設定します。ここで

に沿ってあなたを助けるスクリプトの編集したバージョンです：

$(function() { 
    var altImages =$('div.alt').children('img'); 
    var altCount = altImages.length; 

    var smlHeight = Math.floor($('#big').height()/altCount); 
    smlHeight -=2; //account for borders 
    smlHeight -=2; //account for padding 
    smlHeight -=2; //account for margins 

    altImages.css('width',smlHeight + 'px'); 
    $('.alt').css('width',smlHeight + 'px'); 
}); 

注：

• あなたは大きな画像にIDを追加する必要があります（私は、ID =」と仮定しましたビッグ '）
• ボーダー、パディング、マージンのためにオフセットを調整する必要があります。彼らはまだ正式ではありませんが、いくつかの演奏でそれを手に入れることができます。