Jquery 为什么我的十字架不会重复?

Jquery 为什么我的十字架不会重复?,jquery,css,slider,fade,Jquery,Css,Slider,Fade,我有一个简单的背景图像交叉音量控制器:此代码的基础取自此处: 由于某种原因,虽然它只重复一次,但会逐渐变白。如何调整代码,使其不断重复自身 JS: 你的选择器错了。试一试 $('#fullscreen-slider li:first').fadeOut() .next('li').fadeIn() .end().appendTo('#fullscreen-slider'); 演示: 试试这个: 哇,你粘贴了整个代码。你是如何制作这个实时演示按钮的?@Aspiri

我有一个简单的背景图像交叉音量控制器:此代码的基础取自此处:

由于某种原因,虽然它只重复一次,但会逐渐变白。如何调整代码,使其不断重复自身

JS:


你的选择器错了。试一试

$('#fullscreen-slider li:first').fadeOut()
        .next('li').fadeIn()
        .end().appendTo('#fullscreen-slider');
演示:

试试这个:


哇,你粘贴了整个代码。你是如何制作这个实时演示按钮的?@AspiringAqib:)点击|编辑|链接并亲自查看:)你会注意到它使用firebug并观看
#全屏滑块
的HTML内容的变化。
$('#fullscreen-slider li:first').fadeOut()
        .next('li').fadeIn()
        .end().appendTo('#fullscreen-slider');
/* located within plugins.js */
function fitElements() {
    $('ul#fullscreen-slider li').height( $(window).height() ).width( $(window).width() );
}

function slideshow() {
    var n = 0;
    var $LI =  $('#fullscreen-slider li');
    $LI.hide().eq(n).show();
    setInterval(function(){
        $LI.eq(n++%$LI.length).fadeTo(600,1).siblings().fadeTo(600,0);
    }, 3000);
}

$(document).ready(function() {
    fitElements();
    slideshow();
});
function slideshow() {
    $('#fullscreen-slider li:gt(0)').hide();
    setInterval(function(){
        $('#fullscreen-slider li:eq(0)').fadeOut()
        .next('li').fadeIn()
        .end().appendTo('#fullscreen-slider');
    }, 3000);
};