Javascript DIV内的背景图像重复
我有一个js动画div图像,它在下面重复。我已经检查和编辑了css好几次,但都不起作用,我想这可能是我提供的js代码的这一部分。有人能告诉我如何对js应用无重复吗Javascript DIV内的背景图像重复,javascript,image,repeat,Javascript,Image,Repeat,我有一个js动画div图像,它在下面重复。我已经检查和编辑了css好几次,但都不起作用,我想这可能是我提供的js代码的这一部分。有人能告诉我如何对js应用无重复吗 { class Slide { constructor(el) { this.DOM = {el: el}; this.DOM.slideImg = this.DOM.el.querySele
{
class Slide {
constructor(el) {
this.DOM = {el: el};
this.DOM.slideImg = this.DOM.el.querySelector('.slide__img');
this.bgImage = this.DOM.slideImg.style.backgroundImage;
this.layout();
}
layout() {
this.DOM.slideImg.innerHTML = `<div class='glitch__img' style='background-image: ${this.DOM.slideImg.style.backgroundImage};'></div>`.repeat(5);
this.DOM.glitchImgs = Array.from(this.DOM.slideImg.querySelectorAll('.glitch__img'));
}
changeBGImage(bgimage, pos = 0, delay = 0) {
setTimeout(() => this.DOM.glitchImgs[pos].style.backgroundImage = bgimage, delay);
}
}
{
课堂幻灯片{
建造师(el){
this.DOM={el:el};
this.DOM.slideImg=this.DOM.el.querySelector('.slide\uu img');
this.bgImage=this.DOM.slideImg.style.backgroundImage;
这个布局();
}
布局(){
this.DOM.slideImg.innerHTML=``。重复(5);
this.DOM.glitchImgs=Array.from(this.DOM.slideImg.querySelectorAll('.glitch\uu img'));
}
更改bgimage(bgimage,位置=0,延迟=0){
setTimeout(()=>this.DOM.glitchimms[pos].style.backgroundImage=bgimage,delay);
}
}
将CSS后台重复属性应用于元素的JavaScript语法为:
object.style.backgroundRepeat=“无重复”
在这种情况下,
对象
是应用属性和值的元素。如果您的\u幻灯片\u img
需要一个无重复
,您可以将其放在CSS中吗
CSS文件
.slide_img {
background-repeat:no-repeat;
}
如果这不起作用,那么您的代码中可能有其他东西阻止了它。在这种情况下,请包含所有代码,以便我们可以重现您的问题。这是什么。重复(5)函数调用?这是一个小故障的动画图像,每次选择按钮链接时都会发生变化-希望有帮助。好的,我稍后会尝试,那么我在js代码中的位置添加它吗?在放置背景图像之后,好的,就像我说的那样,我尝试了,但没有效果。如果没有joy会发布css,我会先尝试上面的js解决方案d部分的HTML-谢谢。