Добавление ссылки на изображение с помощью javascript

Question

Я довольно новичок в JavaScript Я хочу добавить рекламный баннер на свой сайт, который изменяет образ объявления при обновлении.

До сих пор у меня есть это:

<div align="center"><script type="text/javascript"><!-- 
var img=new Array(); 
img[img.length]="image1.jpeg"; 
img[img.length]="image2.jpeg"; 
img[img.length]="image3.jpeg"; 
img[img.length]="image4.jpeg"; 
img[img.length]="image5.jpeg"; 
var rand=Math.round(Math.random()*(img.length-1)); 
document.write("<img src='" + img[rand] + "' border='0' />"); 
//--></script></div> 

Может кто-нибудь пожалуйста, сообщите мне о том, как сделать изображения ссылка вне дома? Спасибо. Kev

Answer 1

Вы можете добавить ярлычок и обернуть его.

<div align="center"><script type="text/javascript"> 
    var img=new Array(); 
    img[img.length]="image1.jpeg"; 
    img[img.length]="image2.jpeg"; 
    img[img.length]="image3.jpeg"; 
    img[img.length]="image4.jpeg"; 
    img[img.length]="image5.jpeg"; 
    var rand=Math.round(Math.random()*(img.length-1)); 
    document.write("<a href="#"><img src='" + img[rand] + "' border='0' /><\/a>"); 
</script></div> 

Вашего img[img.length] не делает много, как они все назначать фотографии Img [0], потому что массив пуст. Я бы перебрать и толкать, как так:

var numberOfImages = 5; 

for(var i=0; i < numberOfImages; i++) { 
    img[i].push('image'+(i+1)+'.jpeg'); //or = 
} 

Еще одно замечание, фотографии должны быть в той же директории/уровне, что и файл JS, как вы ссылаетесь на фотографии нет другого пути.

Окончательный код:

<div align="center"><script type="text/javascript"> 
    var img=new Array(), 
     numberOfImages = 5; //However many images there are 

    for(var i=0; i < numberOfImages; i++) { //Looping through numbers 0-4 inclusive to have 5 images 
     img[i].push('image'+i+'.jpeg'); //or img[i] = 'image'+(i+1)+'.jpeg' This line adds/appends to the array. 
     //That means when you do img[2] for example, it will return the 3rd image, which is 'image3.jpeg'. If you want to do img[3] to return image3, just add 1 to numberOfImages and var i = 1. 

    } 

    var rand=Math.round(Math.random()*(img.length-1)); 
    document.write("<a href="#"><img src='" + img[rand] + "' border='0' /><\/a>"); 
</script></div> 

Если ваши изображения из разных источников или не местные и ссылки не являются модульными,

Вы можете просто добавить ссылки на массив, а затем использовать индекс массива ,

img[0] = "first image link"; 
img[1] = "second image link"; //and so on 

Затем

document.write("<a href='" + img[rand] + "'><img src='" + img[rand] + "' border='0' /><\/a>");