[英]How to create an array of classes in jquery and with a 5 second interval, add and remove class switching div on dispaly
早上好,
我正在尝试创建一个类数组,间隔为5秒,我想添加和删除替换当前div的类。 这是针对轮播,此时我当前正在更改背景图像。 我现在想以相同的方式替换我的描述性文字。 有人可以帮忙吗?
我当时想检查当前背景的if语句可以工作。 我如何收到此错误:“意外令牌{”
$(document).ready(function(){
/ * HEADERCAROSUEL * /
$(function() {
var headCarosuel = $(".headCarosuel");
var backgrounds = new Array(
"url('./img/backgroundVinny1.jpg')","url('./img/backgroundVinny2.jpg')"
);
var current = 0;
function nextBackground() {
$(".headCarosuel").css("background", backgrounds[current = ++current % backgrounds.length]);
setTimeout(nextBackground, 5000);
}
setTimeout(nextBackground, 5000);
$(".headCarosuel").css("background", backgrounds[0]);
if(backgrounds = $("url('./img/backgroundVinny1.jpg')").css() {
$('.headCarosuelText').removeClass('description2').addClass('description1');
}
else {
$('.headCarosuelText').removeClass('description1').addClass('description2');
}
});
});
通过您的信息和示例,我了解了以下代码。 它每5秒钟更改一次背景图像和背景类。
$(document).ready(function(){
/* H E A D E R C A R O S U E L */
var headCarosuel = $(".headCarosuel");
var backgrounds = new Array(
"url('https://dummyimage.com/200x100/000/fff&text=vinny1')","url('https://dummyimage.com/200x100/000/fff&text=vinny2')"
);
var classes = [ "description1", "description2" ];
var current = 0;
function nextBackground() {
var prevIndex = current;
current = (current + 1) % backgrounds.length;
$(".headCarosuel").css("background", backgrounds[current]);
$(".headCarosuel").removeClass(classes[prevIndex]).addClass(classes[current]);
setTimeout(nextBackground, 5000);
}
nextBackground();
});
您可以在https://codepen.io/mtomas/pen/MQXPGE上对其进行测试
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.