ランダムな画像とそのURL

Question

ランダムな画像とそのURLを作成したいのですが、画像のリンクではなく、画像のリンクに加えて、ランダムな画像が表示され、それをクリックし、uがここで指定したURL

に行く私のjavascriptのである：ここでは

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にリンクする単一画像。あなたはこのようにそれを行うことができます：

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

私は、インデックス0から始まる配列を、（参照：http://www.hunlock.com/blogs/Mastering_Javascript_Arrays）を作成するためにここに[]を使用しています。このため、if (ry == 0) ry = 1;の部分は必要ありません。 {}のものはjavascriptオブジェクトで、連想（キー値）配列として使用できます。​​も参照してください。

たぶん、あなたはすでに私は:)

EDIT言ったすべて無視してください。その場合には、このすべてを知っている：あなたはこの少しよりよいと常にが意志を行いたい場合は、ちなみに

をあなたは、HTML内のすべての非動的なものを置くことができ、あなたのimage2のdiv内の画像やリンクである：

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

、その後

(...) 

    var randomImage = myimages[ry]; 

    document.getElementById("image2-link").href = randomImage.url; 
    document.getElementById("image2-image").src = randomImage.image;