gpt4 book ai didi

javascript - 在 safari 上预加载图像以更改背景图像

转载 作者:太空狗 更新时间:2023-10-29 13:27:41 28 4
gpt4 key购买 nike

<分区>

我有一个每 12 秒更改一次的背景。在 Chrome、Firefox 和 Opera 中,背景更改工作正常,但在 Safari 中,浏览器总是再次加载图像,并且在第一个循环中每次图像更改时都会闪烁。关于如何解决这个问题的任何想法。

这就是我处理背景变化的方式:

var img2 = new Image();
var img3 = new Image();
img2.src="/img/bg2.png";
img3.src="/img/bg3.png";
Meteor.setInterval(function(){
let elem = $(".header-2");
if(elem.hasClass("bg1")){
elem.removeClass("bg1");
elem.addClass("bg2");
let src = 'url('+img2.src.replace(location.origin,'')+')';
elem.css("background-image", src);
}
else if(elem.hasClass("bg2")){
elem.removeClass("bg2");
elem.addClass("bg3");
let src = 'url('+img3.src.replace(location.origin,'')+')';
elem.css("background-image", src);
}
else{
elem.removeClass("bg3");
elem.addClass("bg1");
}
}, 12*1000)

CSS 类:

.header-2.bg1 {
background-image: url('/img/bg1.png');
}
.header-2.bg2 {

}
.header-2.bg3 {

}

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com