JQuery在加载新图像后设置div动画

我已经用光了大部分代码，但有些东西（我知道很小）让我无法理解：

我正在将较大的图像加载到一个div中，并调整该div的大小以匹配新的较大图像尺寸。div在单击缩略图时淡入，在单击时淡出，在单击新缩略图时更改为新的调整大小的内容（稍后我将添加前进和后退按钮）

除了div调整大小时的动画外，其他一切都正常工作。我看不到代码中的错误。有什么帮助吗

HTML代码：

<div id="wrapper">
<div id="small"><img src="images/small/001.jpg" width="100" height="125"><img     src="images/small/002.jpg" width="100" height="125"></div>
<div id="large"><img src="" /></div>

---

不确定这是否是你的问题。。。但这一行代码自相矛盾-

$('#large').css('visibility','visible').hide();

您正在将

visibility

css参数设置为

visibility

，然后立即隐藏该元素

您可以简单地使用

.show（）

和

.hide（）

函数，而不必处理

.css（'visibility'，'visible'）

。

：visible

属性被jQuery-

display

已知的其他属性暗示

---

此外，在调用

.animate（）

函数后，还缺少分号。现在可能不是问题，但当您开始在不同的浏览器上测试它时，它肯定会出现。没有提到任何名字…

我注意到您使用的是宽度和高度，而不是宽度（）和高度（），所以请尝试一下，看看是否有帮助。用这个

new_height = $('#large img').height()+"px";
new_width = $('#large img').width()+"px";

编辑：-------------

---

我不确定您试图应用什么样的效果，但我使用了jQueryUI并提出了这个方法。如果您决定使用此功能，请不要忘记将jQuery UI CSS添加到您的页面。

对不起，应该添加：单击新缩略图时，div会调整大小，并调整到适当的尺寸。但是，动画不会运行；它只是立即调整大小。应该包含css。div设置为显示：无；为了避开firefox的bug，我测试了可见性，然后将显示设置为隐藏以激活fadeIn动画。很有魅力（很高兴我找到了它）。不过接得好。fadeIn和outs都很好；只是高度和宽度动画不起作用。嗨，Jay和Lix，谢谢你们的回答。。。不幸的是，这两种方法都不起作用（尽管是的，我错过了；Lix.Nice）。我试图建立一个JSFIDLE，但链接似乎让我感到难以置信。。。源代码和图像（正在工作）在seanmurphy.co.cc/trapdoor/lightbox-test1.html再次，一切正常。。。只是错过了从一个图像调整到另一个图像上的奇怪动画。我知道这只是一件小事。。。“就是没找到。”肖恩墨菲，我刚刚编辑了我的答案。请让我知道它是否有效。

new_height = $('#large img').height()+"px";
new_width = $('#large img').width()+"px";