Javascript 将图像粘贴到<；部门>；正在多次粘贴小图像以适合Div

我正在使用下面代码笔链接中的代码将图像粘贴到Div，但如果粘贴一个小图像，它会多次粘贴图像。如果在粘贴后单击div，则它会在div中多次显示图像。 我希望它只显示一次图像，而不是用相同的多个图像填充div

---

这是因为您要切换CSS类

。contain

，因此要切换其属性。这包括以下CSS：

.contain {
    background-size: cover;
}

单击时，该类将被删除，

background size

恢复为默认显示原始大小的图像

此外，由于默认值为

repeat

，它在两个方向上重复图像以覆盖元素

停止重复的简单方法是添加

.target {
    background-repeat: no-repeat;
}

---

但请注意，这不会将元素的大小调整为单个图像的大小。

这是因为您要切换CSS类

。contain

，从而切换其大小。这包括以下CSS：

.contain {
    background-size: cover;
}

单击时，该类将被删除，

background size

恢复为默认显示原始大小的图像

此外，由于默认值为

repeat

，它在两个方向上重复图像以覆盖元素

停止重复的简单方法是添加

.target {
    background-repeat: no-repeat;
}

---

但请注意，这不会将元素的大小调整为单个图像的大小。

请尝试背景重复属性

background-repeat: no-repeat;

$（'.active'）.removeClass（'active'）；
$this.addClass（'active'）；
$this.toggleClass（'contain'）；
$width.val（$this.data（'width'））；
$height.val（$this.data（'height'））；
if（$this.hasClass（'contain'））{
$this.css（{'width'：$this.data（'width'），'height'：$this.data（'height'），'z-index'：'10'，'background repeat'：'no-repeat'}）
}否则{
$this.css（{'width'：''，'height'：''，'z-index'：''，'background-repeat'：'no-repeat'}）
}
})
})

尝试后台重复属性

background-repeat: no-repeat;

$（'.active'）.removeClass（'active'）；
$this.addClass（'active'）；
$this.toggleClass（'contain'）；
$width.val（$this.data（'width'））；
$height.val（$this.data（'height'））；
if（$this.hasClass（'contain'））{
$this.css（{'width'：$this.data（'width'），'height'：$this.data（'height'），'z-index'：'10'，'background repeat'：'no-repeat'}）
}否则{
$this.css（{'width'：''，'height'：''，'z-index'：''，'background-repeat'：'no-repeat'}）
}
})
})

尝试“后台重复：无重复；”对于图像csstry“背景重复：无重复；”对于有效的图像CST。谢谢，这很有效。非常感谢。