使用jQuery将图像插入表中

时间:2013-01-27 21:06:04

标签: jquery html-table

我正在尝试将包含图像的jQuery代码插入表中的<td>,但图像不在表格范围内。我尝试了很多方法,但它没有用。

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>


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>

我该如何解决?

0 个答案:

没有答案