准备就绪时的随机背景
Random Background at the Ready
这真的很简单,但我不是程序员。我只是具有一般问题解决技能的暴力代码。这是行不通的。这个代码被设置为对背景图像进行随机化,并且它是有效的。但是,它被设置为等待页面完全加载,因此它的时间太不一致。据我所知,document.ready会给我更一致(更快)的时间安排,但我似乎无法让它发挥作用。这是工作版本:
<script type="text/javascript">
function changeImg(imgNumber) {
var myImages = [
"http://static.tumblr.com/0obftwk/u0Am8xfjf/streetarturbaninphilade.jpg",
"http://static.tumblr.com/0obftwk/Xmym8xfet/artmuseumarea.jpg",
"http://static.tumblr.com/0obftwk/znNm8xf9e/rowhouseswestphilly.jpg",
"http://static.tumblr.com/0obftwk/af1m8xf87/phillyvista.jpg",
"http://static.tumblr.com/0obftwk/ydIm8xf74/chinagatephiladelphia.jpg",
"http://static.tumblr.com/0obftwk/8kCm8xf41/broadritner.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>
如果在加载页面之前知道图像列表,请在CSS中粘贴对图像的引用,然后只更改文档上的className。body
.bgClass1 {background-image: url(http://static.tumblr.com/0obftwk/u0Am8xfjf/streetarturbaninphilade.jpg)}
等等…
<body class="bgClass1">
否则,使用js 构建预加载程序
相关文章:
- 未加载随机背景图像
- 通过ID JavaScript显示随机背景图像
- 准备就绪时的随机背景
- 如何随机设置背景
- 刷新闪烁时的随机背景(汤博乐)
- js体随机背景图像
- 脚本随机更改背景渐变色[但从特定范围]
- 鼠标悬停时随机更改背景图像
- 需要使用jQuery随机更改背景图像
- 背景图像旋转器.php + jQuery每4秒显示一次随机照片
- 随机变化的背景
- 加载时随机全屏视频背景(包括 jsfiddle)
- 使用 javascript 随机更改表的背景颜色
- Javascript随机背景图像大小
- 使用 JavaScript 在背景中随机化图像
- 在页面刷新时随机更改 HTML 背景
- Tumblr 主题中 CSS 背景中的随机图像
- Javascript随机背景图像
- 在javascript中生成第n个子链接的随机背景颜色
- 加载随机背景音乐并显示标题