Jquery 幻灯片闪烁得很厉害

Jquery 幻灯片闪烁得很厉害,jquery,html,css,jquery-ui,Jquery,Html,Css,Jquery Ui,我正在尝试为幻灯片背景编写一些代码。请不要看我的东西超过5秒,以免癫痫发作。如果你能帮我解决我的问题那就太好了 编辑: 此代码应适用于: $(function(){ $('#background').each(function(){ var $imgArray = $(this).children(); $imgArray.eq(Math.floor(Math.random()*$imgArray.length)).switchClass('hidden'

我正在尝试为幻灯片背景编写一些代码。请不要看我的东西超过5秒,以免癫痫发作。如果你能帮我解决我的问题那就太好了

编辑:

此代码应适用于:

$(function(){
    $('#background').each(function(){
        var $imgArray = $(this).children();
        $imgArray.eq(Math.floor(Math.random()*$imgArray.length)).switchClass('hidden','visible',0);
    });

    setInterval(function(){changeImage();},5000);

    function changeImage() {
        if($('.bg:last').hasClass('visible')) {
            $('.bg:last').switchClass('visible','hidden');
            $('.bg:first').switchClass('hidden','visible');   
        } else {
            $('.visible').next('.hidden').switchClass('hidden','visible');
            $('.visible:first').switchClass('visible','hidden');
        }
    }
});
*{margin:0; padding:0;}
body{}
.bg img{min-height:100%; min-width:1024px; width:100%; height:auto; position:fixed; top:0; left:0;}
@media screen and (max-width: 1024px) { .bg img{left: 50%; margin-left:-512px;} }
.hidden{visibility:hidden;}
.visible{visibility:visible;}
$(function(){
    $('#background').each(function(){
        var $imgArray = $(this).children();
        $imgArray.eq(Math.floor(Math.random()*$imgArray.length)).switchClass('hidden','visible',0);
    });

    setInterval(function(){changeImage();},5000);

    function changeImage() {
        if($('.bg:last').hasClass('visible')) {
            $('.bg:last').switchClass('visible','hidden');
            $('.bg:first').switchClass('hidden','visible');   
        } else {
            $('.visible').next('.hidden').switchClass('hidden','visible');
            $('.visible:first').switchClass('visible','hidden');
        }
    }
});