随机图像及其网址

Question

我想创建一个随机图像及其网址,我的意思不是图像的链接,但除了图像的链接,我想要指定的网址,以便显示随机图像,当你点击它时,你去了指定的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

我不完全确定你想做什么,但我认为你想要创建一个链接到网址的图像,从图像列表和相应的网址中随机选择.你可以这样做:

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对象,您可以将它们用作关联(键值)数组.另见http://www.quirksmode.org/js/associative.html.

也许你已经知道所有这一切,在这种情况下请忽略我说的一切:)

编辑:

顺便说一句,如果你想要做得更好一点,你的image2div中总会有一个图像和一个链接,你可以把所有非动态的东西放在html中:

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