使用控件创建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，imean当前在顶部淡出并立即附加到end.how实现这一点？

Answer 1

这是你正在寻找的效果吗？

FIDDLE

CSS

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