鏈接圖像網站鏈接

-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

鏈接圖像網站鏈接

回答

相關問題