Javascript 图像滚动脚本未按预期工作_Javascript_Html_Dreamweaver

Javascript 图像滚动脚本未按预期工作

javascript html

Javascript 图像滚动脚本未按预期工作,javascript,html,dreamweaver,Javascript,Html,Dreamweaver,这就是我在HTML页面中调用JavaScript函数的方式：- <script type="text/javascript" src="imagerollover.js"></script> </script> <script type="text/javascript"> //Following function should be called at the end of the p

这就是我在HTML页面中调用JavaScript函数的方式：-

<script type="text/javascript" src="imagerollover.js"></script>

</script>
<script type="text/javascript">
//Following function should be called at the end of the page:
imagerollover();
</script>
</head>

<body>
.
.
.


//应在页面末尾调用以下函数：
图像翻转（）；
.
.
.

这是我的imagerollover.js：-

function imagerollover(){
    
    var allimages=document.getElementsByTagName("img")
    var preloadimages=[]
    for (var i=0; i<allimages.length; i++){
        if (allimages[i].getAttribute("data-over")){ //if image carries "data-over" attribute
            preloadimages.push(new Image()) //preload "over" image
            preloadimages[preloadimages.length-1].src=allimages[i].getAttribute("data-over")
            allimages[i].onmouseover=function(){
                this.src=this.getAttribute("data-over")
            }
            allimages[i].onmouseout=function(){
                this.src=this.getAttribute("data-out")
            }
        } //end if
    } //end for loop
}

//Usage: Call following function at the end of the page:
//imagerollover()

函数imagerollover（）{
var allimages=document.getElementsByTagName（“img”）
var preload图像=[]
对于（var i=0；i您需要运行此onload-当您执行函数时，您的图像标记还不可用于脚本-您实际上没有遵循脚本的指令，该指令本应放在页面末尾或我在onload中的建议中
<head>
<script type="text/javascript" src="imagerollover.js"></script>

</script>
<script type="text/javascript">
window.onload=function() 
  //Following function should be called at the end of the page OR on window.onload!
  imagerollover();
}
</script>
</head>


window.onload=function（）
//应在页面末尾或window.onload上调用以下函数！
图像翻转（）；
}
您的标记是什么样子的？是的，当加载文档中的所有图像时，将触发window.load事件。
<head>
<script type="text/javascript" src="imagerollover.js"></script>

</script>
<script type="text/javascript">
window.onload=function() 
  //Following function should be called at the end of the page OR on window.onload!
  imagerollover();
}
</script>
</head>