链接图像网站链接

-2

首先，我不是一个网页设计师，我有HTML，CSS，Javascript代码等的认识非常有限链接图像网站链接

我运行，显示一个随机的形象，每次刷新页面的脚本。我想知道，我可以如何设置一个点击链接，让用户点击随机图片并通过另一个网页。

我正在使用的脚本如下。理想情况下，我希望能够点击图像，然后发送到单词的定义。

例如，“expose.png”显示时，ID希望能够在图像上单击，并采取，http://oxforddictionaries.com/definition/english/expose?q=expose

请帮助。

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

来源

2013-03-25 user2207378

你可以做一些类似的，相同的过程作为图像标签，

<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="'+myimages[ry]+'" onClick="'+dosomething(myimages[ry])+'") /></a>') 
} 

random_imglink() 

function dosomething(myimage) 
{ 
     switch(myimage) 
     { 
      case 'expose.png': 
        p = document.createElement("p"); 

        img = document.createElement("img"); 
        img.id="minutesTens"; 
        img.src = "1.gif"; 
        p.appendChild(img); 
        break; 

      case 'inform.png': 
        p = document.createElement("p"); 

        img = document.createElement("img"); 
        img.id="minutesTens"; 
        img.src = "2.gif"; 
        p.appendChild(img); 
        break; 
       case..... 
       .......... 
       .......... 

} 

</script>

这段代码说：其正在与文件撰写功能创建的映像将包含ID和一个事件调用“onClick”。函数onClick（）将用参数“ID”调用。当前图像的ID将被传递。

dosomething（）函数获取图像的ID并根据开关case语句设置下一个图像。我希望现在很清楚。希望它有帮助。

来源

2013-03-25 12:13:38

这就是伟大的非常感谢你！ – user2207378 2013-03-25 12:40:30

当一个图像被点击时，有没有办法让另一个图像出现在同一页上？ – user2207378 2013-03-25 12:40:58

使用JavaScript自己创建一个额外的元素。当用户点击时，可以按照上述功能进行类似的操作。希望你明白我的意思...... – 2013-03-25 12:42:14

你可以这样做......

</div> 




<div id="outcome"> 

<script language="JavaScript"> 

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

VAR myLink的=新阵列（）

myimages[1]="expose.png" 
mylink[1]="www.atrein.com" 
myimages[2]="inform.png" 
mylink[2]="www.atrein.ir" 
myimages[3]="explain.png" 
mylink[3]="www.apadana-business.com" 
myimages[4]="formulate.png" 
mylink[5]="www.google.com" 



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

</script>

来源

2013-03-25 12:14:14

链接图像网站链接

回答

相关问题