ссылка изображения на веб-ссылки

Question

Во-первых, я не веб-дизайнер и у меня есть очень ограниченные знания HTML, CSS и т.д. Javascript

Я бегу сценарий, который отображает случайное изображение каждый раз при обновлении страницы , Я хотел бы знать, как я могу установить ссылку на клик, которая позволяет пользователю щелкнуть случайное изображение и перейти на другую веб-страницу.

Сценарий, используемый им, приведен ниже. В идеале, я хотел бы иметь возможность щелкнуть по изображению, а затем отправить его в определение слова.

Например, когда «expose.png» показано, идентификатор, чтобы иметь возможность нажать на изображение и быть приняты к, 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> 

Answer 1

Вы можете сделать что-то похожее на это, идентичную процедуру, как теги изображений,

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

Этот код говорит: Изображение, которое создается с помощью функции document.write будет содержать ID и вызов события «onClick». Функция onClick() вызывается с параметром «ID». Если идентификатор текущего изображения будет передан.

Функция dosomething() получает идентификатор изображения и устанавливает следующее изображение в соответствии с операциями case switch. Надеюсь, теперь это ясно. Надеюсь, это поможет.

Answer 2

Вы можете сделать, как это ...

</div> 




<div id="outcome"> 

<script language="JavaScript"> 

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

вар MyLink = новый Array()

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>