случайное изображение и его URL

Question

Я хочу создать случайное изображение и его URL, я имею в виду не ссылку на изображение, а в дополнение к ссылке на изображение, я хочу, чтобы указанный URL-адрес, чтобы случайное изображение отображалось, и когда вы нажимаете на него, выперейти по указанному 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, которые вы можете использовать в качестве ассоциативных (key-value) массивов.об этом, в этом случае, пожалуйста, не обращайте внимания на все, что я сказал:)

РЕДАКТИРОВАТЬ:

Кстати, если вы хотите сделать это немного лучше, и всегда будет изображение иссылка в вашем image2 div, вы можете поместить все нединамические вещи в 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;