背景图像是't改变
Background image isn't changing
我正在尝试获取一个随机的背景图像。但是当我加载页面时,我的背景是空的。这是我的代码:
<html>
<head>
<script>
function random_imglink(){
var myimages=new Array();
myimages[1]="images/1.png";
myimages[2]="images/2.png";
myimages[3]="images/3.png";
myimages[4]="images/4.png";
var count=Math.floor(Math.random() * myimages.length);
if (count==0){
count=1;
}
document.write("'" + myimages[count] + "'");
}
</script>
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body background=random_imglink()>
<?php include ("header.php"); ?>
<div align="center" >
<?php include ("main.php"); ?>
<?php include ("footer.php"); ?>
</div>
</body>
</html>
我希望有人能解决这个问题?
将其添加到脚本标记中:
window.onload = function () {
var imgs = [
'images/1.png',
'images/2.png',
'images/3.png',
'images/4.png'
];
document.body.style.background = 'url(' + imgs[Math.round(Math.random() * (imgs.length - 1))] + ')';
}
如何在css 中设置背景
不要忘记检查图像是否真的存在。
<script>
window.onload=function(){
var myimages=new Array();
myimages[1]="images/1.png";
myimages[2]="images/2.png";
myimages[3]="images/3.png";
myimages[4]="images/4.png";
var count=Math.floor(Math.random() * myimages.length);
if (count==0){
count=1;}
document.body.style.backgroundImage="url('" + myimages[count] + "')";
}
</script>
相关文章:
- 谷歌地球Api改变图像对比度
- nodejs改变图像质量
- JavaScript,用动画改变图像
- 为什么可以't改变图像's src属性
- 不断改变图像的色调
- 更改'innerHTML'在<img>不改变图像
- Javascript-改变图像的宽度
- 在Laravel 5.3中动态改变图像
- 只有Javascript -改变图像悬停在隐藏的单选按钮
- JS滑块不能改变图像的动画时间
- 在画布上改变图像的颜色/色调的最好方法是什么?
- 在点击/取消点击按钮时改变图像
- Javascript改变图像/背景图像不工作
- 标题基于改变图像
- 在JavaScript中改变图像的位置
- 我每隔几秒钟就会改变图像,同时也会以100%的高度和宽度响应缩放图像
- 使用jQuery在改变图像之间添加平滑度
- 理解改变图像源的概念
- 我如何注册使用javascript/jquery改变图像src
- 不能通过javascript改变图像的宽度和高度