更改Javascript背景图像的大小

更改Javascript背景图像的大小,javascript,html,css,Javascript,Html,Css,我有一个Javascript,可以随机选择一个新的背景图像 <script type="text/javascript"> function changeImg(imgNumber) { var myImages = ["images/001.jpg", "images/002.jpg", "images/003.jpg", "images/004.jpg"]; var imgShown = document.body.sty

我有一个Javascript,可以随机选择一个新的背景图像

<script  type="text/javascript">
    function changeImg(imgNumber)   {
        var myImages = ["images/001.jpg", "images/002.jpg", "images/003.jpg",      "images/004.jpg"]; 
        var imgShown = document.body.style.backgroundImage;
        var newImgNumber =Math.floor(Math.random()*myImages.length);
        document.body.style.backgroundImage =      'url('+myImages[newImgNumber]+')';
    }
    window.onload=changeImg;
    </script>

函数更改img(imgNumber){
var myImages=[“images/001.jpg”、“images/002.jpg”、“images/003.jpg”、“images/004.jpg”];
var imgShown=document.body.style.backgroundImage;
var newImgNumber=Math.floor(Math.random()*myImages.length);
document.body.style.backgroundImage='url('+myImages[newImgNumber]+');
}
window.onload=changeImg;
我想知道如何调整图像的大小。
另外,我想知道如何使图像不固定在页面上,而是正常地沿着页面滚动。

据我所知,您不能使用css调整正文中背景图像的大小。但你可以在下面得到同样的赛纳里奥

<html>
    <head>
        <style type="text/css">
            .bgimage{
                position:absolute;
                top:0;
                left:0;
                z-index:-1;
                width:500px;
                height:200px;
            }
            .content{
                position:relative;
                z-index:1;
            }
            p{
                color:#fff;
            }
        </style>
    </head>
    <body>
        <img class="bgimage" src="http://www.hdwallpapersarena.com/wp-content/uploads/2012/07/Download-Hulk-HD-Wallpaper-For-Computer.jpg" />
        <div class="content">
            <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis condimentum vestibulum elementum. Nunc cursus sem et odio porttitor bibendum. Nulla facilisi. Phasellus egestas sodales sapien, ut ullamcorper metus aliquam ac. Sed tellus ipsum, mattis nec vulputate non, ultrices vel mi. Etiam sodales porta nibh, dignissim porta eros viverra in. Nullam non augue lacus. Nullam et neque a arcu pellentesque mattis quis semper lectus. Ut a urna velit. Integer elementum, eros eu ullamcorper pretium, nisl est congue nibh, in aliquam risus massa nec lacus. Praesent blandit felis massa, ut suscipit lacus. Pellentesque sodales nulla at enim lobortis egestas ac ac urna. Pellentesque varius, erat ut mattis sodales, augue nisi luctus nibh, id ultrices lectus lectus feugiat mauris.
            </p>
        </div>
    </body>
</html>

.bgimage{
位置:绝对位置;
排名:0;
左:0;
z指数:-1;
宽度:500px;
高度:200px;
}
.内容{
位置:相对位置;
z指数:1;
}
p{
颜色:#fff;
}

Lorem ipsum dolor sit amet,是一位杰出的献身者。杜伊斯调味品前庭元素。努克·库苏斯·塞姆和奥迪奥·波特·比本杜姆。无便利。这一阶段是智者之家,但这一阶段是智者之家,是智者之家,是智者之家,是智者之家,是智者之家,是智者之家,是智者之家,是智者之家,是智者之家。这是一个充满活力的世界。没有奥古斯湖。这是一个完美的选择。我是乌尔纳·维利特。整数元素,厄洛斯-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧-欧。普兰迪特·菲利斯·马萨(Praesent blandit felis massa,ut suscipit lacus)。enim lobortis egestas ac urna的Pellentsquel苏打水。佩伦特斯·瓦里乌斯(Pellentesque varius)、埃拉特·马蒂斯·索达莱斯(erat ut mattis sodales)、奥古斯·尼西·卢克图斯·尼布(augue nisi luctus nibh)、艾德·奥特·莱克特斯·莱克特斯·福吉亚·莫里斯(id Ult。


如果您想了解更多详细信息,请告诉我……

您可以尝试在CSS3中使用媒体查询或使用jQuery进行少量编码。


希望这对你有所帮助

你能发布你正在使用的代码吗?不知道这对我有什么帮助。。。我想调整CSS背景图像的大小,而我发布的javascript每次刷新都会更改该图像。不管怎样,我得到了它。我必须更改CSS正文中的背景大小{好的,很抱歉我忘了告诉你。你不能用CSS2改变背景图像的大小。但是在CSS3中,你可以用
background size
改变大小。在我的解决方案中,我想向你展示的是你可以使用一个单独的
img
标记,在你的代码中,你可以改变
img
而不是身体背景图像>标记src属性,并根据需要指定宽度和高度。。。