Question

我正在进行图片交换（我对JavaScript很缺乏经验），我不知道从哪里开始。以下是我尝试使用的内容以及我尝试做的事情：

一张默认图片。

五张预装图片。

具有鼠标悬停行为的五个文本链接，这些链接将交换预先加载的图像作为默认图像或之前显示的翻转图像之一。所有图像都位于页面上的相同位置。

重新加载默认图片的一个文字链接。

无论哪个新图像显示（理想情况下，但不是必需的）都会持续存在，直到加载下一个图像（预加载的图像或默认图像）。

希望我能清楚地解释这一点。我在修改JavaScript方面比从头开始更好。为了学习，我不一定要找一个完全开发的剧本，但如果有人能给我一个正确方向的推动，我会很感激。谢谢！

戴夫

Answer 1

啊，我找到了解决办法。这是我发现和修改的最终版本......

<script>
function changeimage(towhat,url){
if (document.images){
document.images.targetimage.src=towhat.src
gotolink=url
}
}
function warp(){
window.location=gotolink
}
</script>
<script language="JavaScript1.1">
var myimages=new Array()
var gotolink="#"

function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}
preloadimages("1a.png","2a.png","3a.png","4a.png","5a.png","red.png")
</script>

<!---->

<a href="javascript:warp()"><img src="red.png" name="targetimage" border=0 height="40" width="40"></a>
<br>
<a href="#" onMouseover="changeimage(myimages[0],this.href)">11111</a> <!-- image 1 -->
<br>
<a href="#" onMouseover="changeimage(myimages[1],this.href)">22222</a> <!-- image 2 -->
<br>
<a href="#" onMouseover="changeimage(myimages[2],this.href)">33333</a> <!-- image 3 -->
<br>
<a href="#" onMouseover="changeimage(myimages[3],this.href)">44444</a> <!-- image 4 -->
<br>
<a href="#" onMouseover="changeimage(myimages[4],this.href)">55555</a> <!-- image 5 -->
<br>
<a href="#" onMouseover="changeimage(myimages[5],this.href)">RRRRR</a> <!-- default image -->

多图像交换 - 不确定从哪里开始

1 个答案: