Question

我正在运行一个脚本，每次刷新页面时都会显示一个随机图像。我想知道，我如何设置它，以便在点击每个随机图像时，在刚刚单击的图像下面会出现一个单独的图像。每张原始图像的第二张图像都不同。

当前运行的刷新//随机图像脚本如下所示

请帮忙。

<a href="javascript:document.location.reload();"
ONMOUSEOVER="window.status='Refresh'; return true">
<img src="Graphic-design-can-[TEST].png" width="auto" height="auto"//>
</a>

</div>




<div id="outcome">

<script language="JavaScript">

function random_imglink(){
var myimages=new Array()

myimages[1]="expose.png"
myimages[2]="inform.png"
myimages[3]="explain.png"
myimages[4]="formulate.png"
myimages[5]="record.png"
myimages[6]="mediate.png"
myimages[7]="design.png"
myimages[8]="persuade.png"
myimages[9]="summarise.png"
myimages[10]="generate.png" 


var ry=Math.floor(Math.random()*myimages.length)
if (ry==0)
ry=1
document.write('<img src="'+myimages[ry]+'" border=0>')
}
random_imglink()

</script>

我已经设法弄清楚如何将随机图像链接到网页，但我也想知道如何显示另一个图像，如上所述。

<a href="javascript:document.location.reload();"
ONMOUSEOVER="window.status='Refresh'; return true">
<img src="Graphic-design-can-[TEST].png" width="auto" height="auto"//>
</a>

</div>

<div id="outcome">

<script language="JavaScript">

function random_imglink(){
var myimages=new Array()
var myurls=new Array()

myimages[1]="expose.png"
myimages[2]="inform.png"
myimages[3]="explain.png"
myimages[4]="formulate.png"
myimages[5]="record.png"
myimages[6]="mediate.png"
myimages[7]="design.png"
myimages[8]="persuade.png"
myimages[9]="summarise.png"
myimages[10]="generate.png" 

myurls[1]="http://google.com"
myurls[2]="http://stackoverflow.com"



var ry=Math.floor(Math.random()*myimages.length)
if (ry==0)
ry=1
document.write('<a href="'+myurls[ry]+'"><img src="'+myimages[ry]+'" border=0 id="someidentification" onClick="'+dosomething()+'") /></a>')
}

random_imglink()

Answer 1

尝试

<a href="javascript:document.location.reload();" ONMOUSEOVER="window.status='Refresh'; return true"><img id="randImage" src="" title="" width="auto" height="auto"/>

<script>

   var myimages=new Array()

   myimages[0]="expose1.png"
   myimages[1]="expose.png"
   myimages[2]="inform.png"
   myimages[3]="explain.png"
   myimages[4]="formulate.png"
   myimages[5]="record.png"
   myimages[6]="mediate.png"
   myimages[7]="design.png"
   myimages[8]="persuade.png"
   myimages[9]="summarise.png"
   myimages[10]="generate.png" 

   var rand = myimages[Math.floor(Math.random()*myimages.length)];
   document.getElementById("randImage").src = rand;

   </script>

单击另一个图像时显示图像

1 个答案: