Javascript 我想在页面刷新时更改背景图像模式。我尝试了许多代码，但没有按照我的要求工作_Javascript_Php_Css

Javascript 我想在页面刷新时更改背景图像模式。我尝试了许多代码，但没有按照我的要求工作

javascript php css

Javascript 我想在页面刷新时更改背景图像模式。我尝试了许多代码，但没有按照我的要求工作,javascript,php,css,Javascript,Php,Css,这是我想在页面刷新时更改图像的完整代码。这是我正在使用的代码，但它不起作用 <SCRIPT LANGUAGE="JavaScript"> var theImages = new Array() theImages[0] = 'images/1.png' theImages[1] = 'images/2.png' theImages[2] = 'images/3.png' var j = 0 var p = theImages.le

这是我想在页面刷新时更改图像的完整代码。这是我正在使用的代码，但它不起作用

<SCRIPT LANGUAGE="JavaScript">

    var theImages = new Array()

    theImages[0] = 'images/1.png'
    theImages[1] = 'images/2.png'
    theImages[2] = 'images/3.png'

    var j = 0
    var p = theImages.length;
    var preBuffer = new Array()

    for (i = 0; i < p; i++){
        preBuffer[i] = new Image()
        preBuffer[i].src = theImages[i]
    }
    var whichImage = Math.round(Math.random()*(p-1));

    function showImage(){
        if(whichImage==0){
            document.write('<a href ="link.html">
            <img src="'+theImages[whichImage]+'"');
        }
        else if(whichImage==1){
            document.write('<a href ="link.html">
            <img   src="'+theImages[whichImage]+'"');
        }
        else if(whichImage==2){
            document.write('<a href ="link.html">
            <img src="'+theImages[whichImage]+'"');
        }
        else if(whichImage==3){
            document.write('<a href ="link.html">
           <img  src="'+theImages[whichImage]+'"');

        }
        else if(whichImage==4){
            document.write('<a href ="link.html">
            <img src="'+theImages[whichImage]+'"');
        }


    }
</SCRIPT>


var theImages=新数组（）
图像[0]=“图像/1.png”
图像[1]=“图像/2.png”
图像[2]=“图像/3.png”
var j=0
var p=图像长度；
var preBuffer=新数组（）
对于（i=0；i


…这是我的html代码，我想在这里更改这些图像。在这里我调用了脚本函数
<div  class="under_header" style="height:600px;margin-top:0px;     background:url(<script>showImage();</script>) ,  url(images/latest_movie/<?php echo $movie_image; ?>) center 76px fixed no-repeat; -moz-background-size:auto, over; background-size:auto, cover; 

box-shadow: inset 945px 0px 645px -645px black, inset -945px 0px 645px -645px black;">                                

</div>

您不能将脚本
标记放在样式属性的CSS字符串中
在JavaScript中尝试类似的操作，而不是在CSS中：
document.getElementsByClassName("under_header")[0].style.background = "url("+showImage()+") ,  url(images/latest_movie/<?php echo $movie_image; ?>) center 76px fixed no-repeat";

document.getElementsByClassName（“在_标题下”）[0].style.background=“url（“+showImage（）+”），url（images/latest_movie/）center 76px固定不重复”；
不知道您是否已经解决了问题，但正如Jacques所说，您调用脚本的方式行不通
不需要检查“whichImage”的值，您可以执行以下操作：
function showImage() {
  $('.under_header').append('<a href ="link.html"><img src="' + theImages[whichImage] + '"></a>');

函数showImage（）{
$（'.under_header'）。追加（''）；

}
这里有一把小提琴，人们喜欢小提琴。

很抱歉，使用jQuery将javascript和css结合起来的方式是行不通的。下面的示例将背景图像随机设置为目标div
函数showImage
在onload
事件中被调用。因此，每次刷新页面时，该div将具有不同的背景图像
使用此示例可以在页面刷新时构建您想要的任何功能
<html>
    <head>
        <script language="JavaScript">
            var theImages = new Array();

            theImages[0] = 'images/1.jpg';
            theImages[1] = 'images/2.jpg';
            theImages[2] = 'images/3.jpg';

            var p = theImages.length;
            var whichImage = Math.round(Math.random()*(p-1));

            function showImage(){
                document.getElementById('myDiv').style.backgroundImage="url('" + theImages[whichImage] + "')";
            }
        </script>
    </head>

    <body onload="showImage()">

        <div id="myDiv" style="width:300px; height: 200px;" />

    </body>

</html> 


var theImages=新数组（）；
图像[0]=“图像/1.jpg”；
图片[1]=“images/2.jpg”；
图片[2]=“images/3.jpg”；
var p=图像长度；
var whichImage=Math.round（Math.random（）*（p-1））；
函数showImage（）{
document.getElementById（'myDiv'）.style.backgroundImage=“url（'”+theImages[whichImage]+”）”；
}
您好，谢谢您的ans，但它不起作用，或者我不知道该代码放在哪里。请通过我发布的相关代码进行建议。您好，谢谢您的ans，但它不起作用，或者我不知道该代码放在哪里。请通过我发布的相关代码进行建议question@RahulNaik对不起，我回答时没有完全阅读你的问题红色，但Ciriprian得到了上面的完整解决方案。