Javascript Rotating Banner

Question

Я хочу сделать вращающийся баннер с помощью Javascript. Это означает, что на моем веб-сайте есть рекламные объявления, у которых есть изображение с интерактивной ссылкой и меняется каждые 5 секунд. Я хотел бы, чтобы баннер был 728x90. Я хотел бы иметь изображения и файлы ссылок в файле javascript, поэтому, если его нужно изменить, это может быть легко без прохождения 100 страниц html. Есть ли кто-нибудь, кто может мне помочь? Я очень новичок в кодировании, поэтому, если кто-то может дать мне основное пошаговое руководство, это было бы весьма признательно.

Answer 1

Чтобы предоставить изображение в качестве ссылки, вам необходимо встроить его в элемент привязки.

<a id="ad-link" href="url to advertisements homepage" > 
    <img id="ad-img" src="url to image"> 
</a> 

Для установки адреса во время выполнения с помощью JavaScript, вы можете просто сделать

document.getElementById("ad-link").setAttribute("href", "http://..."); 
document.getElementById("ad-img").setAttribute("src", "http://..."); 

изменить баннер каждые 5 секунд, вам необходимо определить тайм-аут, после которого конкретная функция вызывается.

setTimeout(function() { 
    //update banner 
}, 5000); 

Чтобы повернуть баннер, я рекомендую использовать css. см. How to do a webkit css endless rotation-animation.