的jQuery淡出文本和图像的不透明度改变

我有这样的事情的jQuery淡出文本和图像的不透明度改变

<div id="dis_image"></div> 

<div id="images"> 
<img src="1/1.jpg" class="image" style="opacity:0.3" /> 
<img src="1/2.jpg" class="image" style="opacity:0.3" /> 
</div> 

<ul style="display:none" id="images_list"> 
<li>testing 1</li> 
<li>testing 2</li> 
</ul>

什么，我打算做的是每5秒，我想从id:images_list第一个文本显示在id:dis_images和id:images第一影像学改变不透明度从0.3到1 然后，继续第二个，第一个文本和第一个图像被替换为第二个文本和第二个图像，因此不透明度。第一个图像应该返回到其正常的不透明度0.3

我试过这个，但是由于它最后停止，所以它不能正常工作。

的jQuery：

setInterval(function() { 
    $("#dis_image").html(""); 
    $('#images_list :nth-child(1)').next().show().fadeOut(1200).appendTo('#dis_image'); 
    $('#images :nth-child(1)').next().css({ opacity: 1 }); 

} , 5000);

来源

2012-02-25 cicakman

appendTo（）方法移动该元素，所以你是从列表中删除你的元素，并在接下来的迭代中，它不存在。试试clone()。

来源

2012-02-25 17:55:04 mariogl

使用延迟（MIL秒）函数来等待5秒，如： $（你的元素ID）.delay（5000）.slideDown（ '慢'）它只是样品和你可以在延迟功能后使用你自己的功能

来源

2012-02-25 17:50:14

的jQuery淡出文本和图像的不透明度改变

回答

相关问题