임의의 이미지와 해당 URL

Question

임의의 이미지와 해당 URL을 만들고 싶습니다. 이미지의 링크가 아니라 이미지의 링크 이외에 임의의 이미지가 표시되도록 지정된 URL을 지정해야합니다. 그것을 클릭, u는 지정된 URL

에 가서 여기 내 자바 스크립트는 다음과 같습니다

여기

function random_imglink(){ 
     var myimages=new Array() 
     //specify random images below. You can have as many as you wish 
     myimages[1]="/documents/templates/projedepo/banner/canon.jpg" 
     myimages[2]="/documents/templates/projedepo/banner/indigovision.jpg" 

     var ry=Math.floor(Math.random()*myimages.length) 

     if (ry==0) 
     ry=1 

    var randomImage = '<img src="'+myimages[ry]+'" height="420" width="964" />'; 
    document.getElementById("image2").innerHTML = randomImage; 
    } 
    random_imglink() 

내 HTML이다 : 나는 당신이 원하는 것을 완전히 확실하지 않다

<div id="slider_container">  
<div id="image2"> 
</div> 
<div id="thumb2"> 
<a href="#" rel="/documents/templates/projedepo/banner/canon.jpg" class="image2" ><img title="Canon" class="slider_thumb" src="/documents/templates/bilgiteknolojileri/images/t_flash/t1.png" border="0"/></a> 
<a href="#" rel="/documents/templates/projedepo/banner/indigovision.jpg" class="image2"><img title="IndogoVision" class="slider_thumb" src="/documents/templates/bilgiteknolojileri/images/t_flash/t2.png" border="0"/></a> 
</div></div> 

Answer 1

, 하지만 나는 당신이 이미지 목록과 해당 URL에서 무작위로 선택한 URL에 링크되는 단일 이미지. 당신은 이런 식으로 할 수 있습니다 : 나는 인덱스 0에서 시작하는 배열을 만들려면 여기를 []을 사용하고

function random_imglink() { 
    var myimages = [ 
     {image: "/documents/templates/projedepo/banner/canon.jpg", url: "http://www.url1.com"}, 
     {image: "/documents/templates/projedepo/banner/indigovision.jpg", url: "http://www.url2.com"} 
    ]; 

    var ry=Math.floor(Math.random()*myimages.length); 

    var randomImage = myimages[ry]; 

    var randomImageLink = '<a href="' + randomImage.url + '"><img src="'+randomImage.image+'" height="420" width="964" /></a>'; 
    document.getElementById("image2").innerHTML = randomImageLink; 
} 

(참조 : http://www.hunlock.com/blogs/Mastering_Javascript_Arrays을). 이 때문에 if (ry == 0) ry = 1; 부분이 필요하지 않습니다. {}의 것들은 자바 스크립트 객체로, 연관 (키 - 값) 배열로 사용할 수 있습니다. http://www.quirksmode.org/js/associative.html을 참조하십시오.

아마 당신은 이미 내가

편집 : 고 말했다 모든 것을 무시하십시오 경우에이 모든 것을 알고 : 그런데

,이 조금 더 좋은 수행하려는 경우를 거기 항상 것이다 이미지와 image2 사업부의 링크를 수, 당신은 HTML의 모든 비 동적 물건을 넣을 수 :

<div id="image2"> 
    <a id="image2-link" href="#"><img id="image2-image" src="" height="420" width="964" /></a> 
</div> 

다음

을210