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

Question

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

            .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，我的意思是当前位于顶部的那个会淡出并立即附加到末​​尾。如何实现这一点？

Answer 1

这就是您想要的效果吗？

FIDDLE

CSS

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