使用jquery调整与新内容匹配的DIV

Question

我有一个DIV，它显示一个来自ajax脚本的图像，图像的高度都不同，并显示为fadeIn / fadeOut（仅用于标记）

如果fadein的图像非常粗暴地改变DIV高度之前，我怎么能允许调整基于新内容的DIV（当然包含img标签）“滑动”？ ：P

由于

Answer 1

您需要使用jquery animate函数来更改div的宽度和高度。

希望这有帮助。

Answer 2

做这样的事

$(".change").click(function() {
  $(".mydiv").fadeOut('slow');
  $(".myimg").attr("src",'');    
  $(".myimg").attr("src","linktonewimage.jpg");
  var newheight = $(".myimg").height();    
  $(".mydiv").css("height",newheight+"px");
  $(".mydiv").fadeIn('slow');
});

我假设您在<img> myimg级内有div个mydiv个分组。

检查DEMO HERE

Answer 3

您是否尝试过使用lightbox？它可能会做你在这里谈论的所有，没有必要自己写。它可以使用CSS进行大量定制并使用动画。