画像を表示する前に画像サイズに合わせてdivのサイズを変更する必要があります

Question

divを固定幅の&の幅とします。ユーザーがボタンをクリックすると、イメージをロードしてイメージをdivに配置します。 divに画像を置く前に、http://visuallightbox.com/のような滑らかな効果で画像のサイズに応じてdivの高さを&の幅に変更します。

ユーザーが画像をクリックすると、滑らかなアニメーション効果でdivが表示され、その高さは&の幅になります。だから私はdivに画像を表示する前に同じ滑らかなdiv成長効果をしたい....それを達成する方法。プラッツガイド。

は、私がどのようにサイズを変更することを知っている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.myGallery').animate({ 
    width: w + 'px', 
    height: h + 'px' 
}); 

詳細については、を参照してください。