javascript - 使用控件创建div幻灯片

嗨，我已经尝试为我的表格写一个简单的幻灯片，因为它太长了。我决定将表格分成四个绝对位于彼此顶部的不同部分。现在我想像幻灯片一样在它们之间循环浏览我的div的类，其容器已设置为相对位置

            .feuille{
    border:1px solid red;
    width:600px;
    height:494px;
    background:white;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-300px;
    margin-top:-247px;
    }

我将ID设置为prev和next.onclick的控件设置为最上面的div，即当前最上面的div淡出并立即附加到末​​尾。如何实现这一点？

最佳答案

这是您想要的效果吗？

FIDDLE

的CSS

$(function(){
    $('.feuille img:gt(0)').hide();
    setInterval(function(){$('.feuille :first-child').fadeOut().next('img').fadeIn().end().appendTo('.feuille');}, 3000);
});