使用 JQuery 更改背景图像是成功的,但如何使一个图像默认
Change Background Image using JQuery is successful but how to make one image default
我有一个jQuery,使用它,我正在更改我的body
background-image
但是如何在页面加载时使一个图像成为默认值:
这是我在头标签下的jQuery
var backImage = new Array();
backImage[0] = "images/1.jpg";
backImage[1] = "images/2.jpg";
backImage[2] = "images/3.jpg";
function changeBGImage(whichImage)
{
if (document.body){
document.body.background = backImage[whichImage];
}
链接 - 单击此按钮,背景图像将更改:
<a href="javascript:changeBGImage(0)">1</a>
<a href="javascript:changeBGImage(1)">2</a>
<a href="javascript:changeBGImage(2)">3</a>
您可以在使用默认图像索引加载页面时启动该函数。
例如
$(window).ready(function(){
changeBGImage(0);
});
或者,如果您想事先设置它,您可以将其添加到 body 标签的样式中
<body style="background-image:url(...);">
相关文章:
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 单击时预置图像 - 仅预置一次,然后停止
- 使一组对象与 jQuery 一起拖动
- 单击另一张图像,显示一张图像几秒钟
- 如何预加载这些图像以使此功能更平滑
- 旋转图像,使其看起来像在旋转
- Javascript创建一个图像并使其移动
- 图像高度只会从一大组图像中检索一次
- 预加载图像,使其不会't在加载过程中重新调整大小
- 随机图像显示不止一次
- 悬停时,图像从另一张图像后面滑出
- 使一组元素透明,但一个除外
- 如何在 Javascript 中使一组函数在另一组函数之后出现
- 如何预加载悬停状态的图像以使背景立即更改,而不是在几秒钟后更改
- 我如何使用 php 或 JavaScript 使一个人被重定向到我的移动网站(如果他们在移动设备上)
- 将大约 300 张画布图像保存在一个数组中并发送一次进行处理,在 chrome 中崩溃,但在 Firefox 中工作正常
- HTML 5 画布:在游戏中使用绘制图像会使循环非常慢
- 如何在给定日期和时间的情况下使一天倒退24小时
- 在rails-ember应用程序中,我如何在css中渲染bg图像并使其适合浏览器
- 如何在kinectjs中旋转图像,使图像与左上角对齐