在将图像显示到图像之前，需要根据图像大小调整div

Question

假设我有固定高度和高度的div。宽度。当用户点击按钮然后我想要加载图像并将图像放在div中。在将图像放入div之前，我想调整div高度和放大倍数。宽度根据图像大小而有一些平滑效果，如http://visuallightbox.com/。

当用户点击任何图像时，会出现一个div，其高度和高度为动画效果平滑，宽度变大。所以我想在将图像显示为div之前做同样平滑的div生长效果....如何实现它。 plzz指南。

我知道如何轻松地重新调整div ...这里是伪代码：

var h=$('#img1').height();
var w=$('#img1').width();
$('div.myGallery').css('width', w + 'px');
$('div.myGallery').css('height', h + 'px');

但问题是正确的逻辑并没有想到显示像视觉灯箱插件那样具有增长效果的div。请指导我代码....谢谢

Answer 1

随着div的增长，这会激活你的div。

$('div.myGallery').animate({
    width: w + 'px',
    height: h + 'px'
});

有关详细信息，请参阅http://api.jquery.com/animate/。