1

これは「コンテンツに合わせて div サイズを変更する」という質問とは異なることに注意してください。私が持っているのは、その中に絶対に配置された画像がいくつかある相対的に配置された div です。

<div id="nj_size_holder">
    <img id="nj_credit_card" src="credit_card.png" width="340"/>
    <img id="nj_ruler" src="ruler.jpg" />
    <img id="nj_item_image" src="{$base_dir_ssl}img/p/{$imgurl}" height='{$imgheight}'/>
</div>

私も持っているのは、Javascript/jQuery 関数です。この関数は、私の質問がある場所です。私がする必要があるのは、特定のパラメーター（パーセンテージとして）を指定すると、そのパーセンテージでdivとその中の画像の両方を動的にサイズ変更する必要があることです。

function resizeAll(perc){
    //resize everything here
}

したがって、最初の div の高さが 600px で "nj_ruler" 画像の高さが 400 の場合、resizeAll(25) を呼び出すと、div の高さが 750px に、画像の高さが 500px (25% 増) に増加します。

各高さを個別に上げずにこれを達成する方法はありますか? 後で div にはさらに多くの要素があり、可能であれば、div 内のすべての要素を個別に参照せずにすべてのサイズを変更する関数が必要です。

4

1 に答える 1

1 
var increaseby=25; //in percent
$("#nj_size_holder, #nj_size_holder > img").each(function() {
      $(this).css("height",$(this).css("height")*((increaseby+100)/100));
});
于 2012-12-14T12:12:09.933 に答える