Javascript 制作图像滑块但背景图像获胜'；对其他属性没有响应？

我最近刚刚得到一些关于这段代码的帮助，但是它作为背景图像的滑块工作，唯一的问题是背景图像没有响应css中的背景图像大小属性，现在当我希望图像覆盖div时，图像被完全放大

下面是它的外观：

这是我的HTML

<div id="headbar" onload="photoA()">
    <div class="headbar-title">THE ALL NEW 14 RANGE</div>
    <div class="button">FIND OUT MORE</div>

    <script type="text/javascript">
        var imageCount = 1;
        var total = 6;
        window.setInterval(function photoA() {
           var headbar = document.getElementById('headbar');
           imageCount = imageCount + 1;
           if(imageCount > total){imageCount = 1;}   
           headbar.style.background = "url('../img/img"+ imageCount +".JPG') no-repeat center center";
         }
       ,1000);
     </script>
</div>

任何帮助都将不胜感激

谢谢

---

Ollie

设置背景的javascript代码正在覆盖css中的

background size

属性

<script type="text/javascript">
    var imageCount = 1;
    var total = 6;
    window.setInterval(function photoA() {
       var headbar = document.getElementById('headbar');
       imageCount = imageCount + 1;
       if(imageCount > total){imageCount = 1;}   
       headbar.style.backgroundImage = "url('../img/img"+ imageCount +".JPG')";
     }
   ,1000);
 </script>

这应该可以解决问题。我删除了

background position

属性，因为它没有任何功能，并将

background repeat

移动到CSS中。只有

背景图像

从代码中设置

---

请记住，JavaScript代码始终优先于CSS规则，除非您使用

！重要信息

css属性上的标志。

您好，谢谢您的帮助！我认为这会起作用，但它又让我回到了另一个错误，在我的最后一个问题中，有人说你不能使用backgroundimage，并认为这可能是导致这个错误的原因，现在根本没有任何显示！你知道为什么吗？（现在只是空白）@OllieKlein如果你复制粘贴了我的代码，那么有一个

“

丢失了。现在应该可以工作了。我无法想象背景工作时为什么backgroundImage不能工作。太好了！非常感谢，伙计！工作非常好！！

<script type="text/javascript">
    var imageCount = 1;
    var total = 6;
    window.setInterval(function photoA() {
       var headbar = document.getElementById('headbar');
       imageCount = imageCount + 1;
       if(imageCount > total){imageCount = 1;}   
       headbar.style.backgroundImage = "url('../img/img"+ imageCount +".JPG')";
     }
   ,1000);
 </script>