使用 JQuery 更改背景图像是成功的,但如何使一个图像默认

Change Background Image using JQuery is successful but how to make one image default

本文关键字:图像 何使一 默认 成功 JQuery 背景 使用      更新时间:2023-09-26

我有一个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(...);">