Javascript 旋转表中的图像

我正在试验一个我在JSFIDLE上找到的图像推子旋转器。我在表格中包含图像时遇到问题，因为图像总是与表格边框重叠。是否有办法确保表格高度与图像高度相同（我的表格是使用百分比定义的）。代码如下：

$（'.fadein img:gt（0）'）.hide（）；
setInterval（函数（）{
$（'.fadein:first child'）.fadeOut（）
.next（'img'））
.fadeIn（）
(完)
.appendTo（'fadein'）；
}, 4000); // 4秒

.fader{
位置：相对位置；
身高：100%；
宽度：100%px；
}
法丹先生{
位置：相对位置；
身高：100%；
}

测试123

我认为您的问题可能是因为在一小段时间内，两张图像同时出现，导致重叠问题

如果您在函数中添加了一些

delay（）

，那么它应该会解决您的问题

$（'.fadein img:gt（0）'）.hide（）；
setInterval（函数（）{
$（'.fadein:first child'）.fadeOut（'500'）.next（）.delay（'400'）.fadein（'500'）.end（）.appendTo（'.fadein'）；
setTimeout（函数（）{
$（'.fadein:first child'）.css（'display'，'block'）；
}, 400);
}, 4000);
.fader{
位置：相对位置；
身高：100%；
宽度：100%；
}
法丹先生{
位置：相对位置；
身高：100%；
}
法登先生{
显示：块；
}

测试123
我认为实际上不能在表单元格中嵌套
div
。另外，以
/>
结尾关闭图像标签。将图像插入单元格时，单元格应自动缩放。还有，为什么你的css
width:100%px
，而且，如果你确定
div
s
width
和
height
，它可能无法正确缩放，因为它的值是由单元格大小决定的，而不是它里面的图像。我刚刚把你的代码变成了一个片段，当你运行它时，它似乎按预期工作。有什么问题？你看到了什么问题？@somethinghere是的，你可以在
td
里面放一个
div
@squaleLis是的，你可以在任何东西里面嵌套任何东西，但这远远不是我唯一的观点。说得好，但那根本不是我的主要抱怨。@somethinghere:我不明白你的意思。（1） 实际上，您可以将
div
嵌套在表单元格中。表示允许的内容是flow.content，
div
是flow内容。（2） 无需关闭图像标签。谢谢你的帮助，似乎有助于解决这个问题。现在唯一的问题是，图片和表的底部边框之间有一点间隙。你知道怎么解决这个问题吗？@DanW现在看看我修改过的答案。这是因为
fadeIn（）
使项目成为
inline
而不是所需的
块
。再添加一点代码，它应该可以正常工作：）