javascript - 调整浏览器大小时，如何将img标签置入div标签中？

我是Web开发的新手，但我很喜欢它，但是遇到了一个问题，无法解决。

当我调整浏览器大小时，我真的希望div元素中的图像像http://jsfiddle.net/eb51hxj1/一样。

 <div class="divImage">
    <img id="image"> </div>
 <div>

我的代码是：

https://jsfiddle.net/a2bsarfb/

最佳答案

您应该使用var
更少的代码，更多的东西

var divImage = document.getElementById('divImage');
....
divImage.style.backgroundImage = "url("+nextImage+")";
...
divImage.style.opacity = opacity;

删除img标记并放入

<div class="divImage" id="divImage"><div>

和CSS
background-repeat: no-repeat

.divImage {
    max-width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /*background-image: url(...)*/
}

关于javascript - 调整浏览器大小时，如何将img标签置入div标签中？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43903137/