随机图像及其网址

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

已邀请:

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;

要回复问题请先登录或注册

随机图像及其网址

1 个回复

发起人

问题状态

随机图像及其网址

与内容相关的链接

1 个回复

发起人

问题状态