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 回答