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

Question

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

当用户点击任何图像，然后出现一个div，其高度&宽度变得更大，具有流畅的动画效果。所以我想在将图像显示为div之前做同样顺利的div增长效果....如何实现它。 plzz指南。

我知道如何调整格设置轻松地像...这里是伪代码：

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.myGallery').animate({ 
    width: w + 'px', 
    height: h + 'px' 
}); 

欲了解更多信息，请参阅。