使用jQuery将图像插入到表中

我试图将包含图像的jQuery代码插入表中的

，但图像超出了表的边界。我尝试了很多方法，但都没有成功

Javscript

<script type="text/javascript">
    $(document).ready(function() { 
       var $elements = $('#picOne, #picTwo, #picTree, #picFour');

       function anim_loop(index) {
           $elements.eq(index).fadeIn(4000, function() {
               var $self = $(this);
               setTimeout(function() {
               $self.fadeOut(4000);
               anim_loop((index + 1) % $elements.length);
               }, 6000);
           });
        }
        anim_loop(0); // start with the first element

    });
</script>

$（文档）.ready（函数（）{
var$elements=$（“#picOne，#picTwo，#picTree，#picFour”）；
函数anim_循环（索引）{
$elements.eq（index）.fadeIn（4000，function（）{
var$self=$（本）；
setTimeout（函数（）{
$self.fadeOut（4000）；
动画循环（（索引+1）%$elements.length）；
}, 6000);
});
}
anim_循环（0）；//从第一个元素开始
});

HTML

<table align="center" width="975" border="1">

<tr>
<td>
<div id="picOne"><img src="pic1.jpg" /></div>
<div id="picTwo"><img src="pic1b.jpg" /></div>
<div id="picTree"><img src="2b.jpg" /></div>
<div id="picFour"><img src="2.jpg" /></div>
</td>
</tr>

</table>
</body>
</html>

---

我如何修复它？

它在这里工作，表外的

是什么意思？你有任何css隐藏图像开始吗？根本不清楚是什么问题。在jsfiddle.netbut中创建一个演示，正如您在这里看到的jsfiddle.net/u3zPT，我希望数字处于相同的位置-在示例中，数字2位于数字1下1秒。我的意思是，当1号开始淡出时，2号开始淡出。如果你不明白这是我的最后一个问题，解释-其他演示@undefined posted做了你想做的事没有，它没有做我想要的动画。我的意思是，当pic1开始淡入淡出时，pic2开始淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入淡入。我希望它是在同一时间（就像，pic2将是“在”pic1）。