Jquery 如何使div在图像周围灵活

我需要#slideshow div来环绕每个图像，无论图像大小如何。我不喜欢图像上高度较小的间隙。如何使div根据图像大小更改大小？注意：图像周围的空间实际上是图像的一部分，因此它完全覆盖了它下面的图像。谢谢

到处展览
/*
背景色：#DDDDDD；
宽度：800px；
保证金：0自动；
文本对齐：居中；
字体系列：arial、san serif、verdana；
字号：11pt；
边缘顶端：40px；
}
#幻灯片放映{
位置：相对位置；
宽度：400px；
高度：400px；
最大高度：400px；
排名：0；
左：0；
边框：薄#ddd实心；
边界半径：3px；
盒影：2px2p5px#333，-2px-2px5px#333；
-webkit盒阴影：2px 2px 5px黑色，-2px-2px 5px黑色；
-莫兹盒阴影：2px2p5px黑色，-2px-2px5px黑色；
}
#幻灯片式img{
z指数：8；
不透明度：0.0；
宽度：400px；
位置：绝对位置；
排名：0；
左：0；
}
#幻灯片显示img.active{
z指数：10；
不透明度：1.0；
}
#幻灯片放映img.next{
不透明度：0.0；
z指数：8；
}
#幻灯片显示img.last-active{
z指数：9；
}
#头衔{
位置：相对位置；
顶部：0px；
左：0px；
字体：斜体；
颜色：黑色；
宽度：400px；
保证金：0自动；
文本对齐：居中；
}
#导航{
浮动：对；
宽度：120px；
文本对齐：左对齐；
位置：相对位置；
顶部：120px；
左：-80px；
}
a:链接{
颜色：黑色；
}
a:参观了{
颜色：黑色
}
a:悬停{
文字装饰：无；
}
a:主动的{
文字装饰：无；
}
.帽子{
字体系列：Arial、Helvetica、无衬线字体；
字体大小：12px；
文本转换：大写；
文本对齐：居中
}
#导航a{
字体系列：arial、san serif、verdana；
字号：10pt；
}
#导航a：悬停{
颜色：白色；
文字装饰：无；
}
/*]]>*/
/**/
//
到处



2013年6月在缅因州波特兰格林豪特画廊举办的展览

如果您不知道图像的高度和宽度，则必须使用jQuery：

$("#slideshow").height($next.height());
$("#slideshow").width($next.width());

---

只需将上述代码添加到（最好）您的

滑动开关功能的末尾。
谢谢。这确实会使div随图像而改变，但您仍然可以看到图像的底部。我们如何使其消失？只需在div上的CSS中添加
overflow:hidden
。这样可以工作，但转换是不稳定的。有什么办法可以缓和这种情况吗？哪种过渡？褪色的还是调整尺寸？调整尺寸。它发生在图像出现之后，因此下一个图像将被截断一秒钟，直到div再次调整大小
$("#slideshow").height($next.height());
$("#slideshow").width($next.width());