当另一个图像被点击时显示图像

-5

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

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

请帮忙。

<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()

来源

2013-03-25 user2207378

在堆栈溢出，我们期待人们已经做出了努力，解决他们的问题，它发布之前。如果您不是Web开发人员，请考虑聘用一个。 – 2013-03-25 14:00:43

感谢您输入Danny，我正在努力学习。如果你可以帮助解决我的问题，那将是非常好的。 – user2207378 2013-03-25 14:09:13

正如我所说的，您需要努力先解决您的问题。查看[常见问题]并[询问]以获取更多信息。 – 2013-03-25 14:10:24

尝试

<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>

来源

2013-03-25 14:27:02 ketan

当另一个图像被点击时显示图像

回答

相关问题