Jquery 幻灯片闪烁得很厉害
我正在尝试为幻灯片背景编写一些代码。请不要看我的东西超过5秒,以免癫痫发作。如果你能帮我解决我的问题那就太好了 编辑: 此代码应适用于: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'
$(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');
}
}
});