Вращающийся баннер Javascript

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>

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

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

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

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

Чтобы повернуть баннер, я рекомендую использовать CSS. смотрите Как сделать webkit css бесконечную анимацию вращения.