php?src=/wp-content/uploads/2019/12/uk-rotator-baneriv-na-vas-sajt-1>

Сьогодні мало який сайт обходиться без показу банерів. Виставляються вони в основному з метою реклами будь-якого стороннього проекту або продукту, і факторів використання банерів море. Постає питання як зробити динамічною зміну зображень, для цього й існують різні «Ротатори банерів»
По-перше, що таке ротатор банерів: це скрипт випадкового показу банера на Вашій сторінці.
Сьогодні розповім про один такий скрипті, а для наочності як завжди можете подивитися приклад роботи найпростішого ротатора зображень:

Як бачите все прекрасно працює.
Тепер давайте розберемося що і як влаштовано в роботі даного скрипта, тобто подивимося на сам код:

<Script type = "text / javascript"> var imgs1 = new Array ( "http: // http: //igrun.com/banners/ban-100-6.gif", "http://greenstree.ru/images /banner100.gif "," http://www.top4y.com/banners/ban4.gif "," http://www.vipsurfs.com/banners/ban3.gif "," http: //www.a -07.ru/banners/ban4.gif "," http://www.web-ip.ru/images/100-100.gif "); var lnks1 = new Array ( "http://igrun.com/?28186", "http://greenstree.ru/?r=shurawi", "http://www.top4y.com/?ref=392" , "http://www.vipsurfs.com/?ref=220", "http://www.a-07.ru/?ref=761", "http://www.web-ip.ru/ index.php? refwmid = 258842700634 "); var alt1 = new Array ( "ІГРУНОВ - логічні ігри розуму", "Вирости грошове дерево", "Автосерфінг без кордонів", "Система розкрутки ізаработка", "Нескінченний автосерфінг", "Розкрутка і заробіток"); var currentAd1 = 0; var imgCt1 = 6; function cycle1 () {if (currentAd1 == imgCt1) {currentAd1 = 0; } Var banner1 = document.getElementById ( 'adBanner1'); var link1 = document.getElementById ( 'adLink1'); banner1.src = imgs1 [currentAd1] banner1.alt = alt1 [currentAd1] document.getElementById ( 'adLink1'). href = lnks1 [currentAd1] currentAd1 ++; } Window.setInterval ( "cycle1 ()", 8000); </ Script> <a href=""http://igrun.com/?28186"" id="adLink1" target="_top"> <img src = "http://igrun.com/banners/ban- 100-6.gif "id =" adBanner1 "border =" 0 "width =" 100 "height =" 100 "/> </a>

1. Перше, що потрібно зробити це поміняти шляху до файлів зображень банерів на свої
в рядку скрипта: var imgs1 = new Array

2. Поміняйте на свої дані в рядку: var lnks1 = new Array

3. Опис банера прописуйте в рядку скрипта: var alt1 = new Array

З розмірами виведених зображень думаю розберетеся легко.
Якщо все зробите правильно має працювати на ура!

Звичайно щоб отримати у себе на сайті подобу такого ротатора зовсім не обов'язково вивчати нутрощі скрипта і пихкати над створенням прокрутчіка банерів. Для цього існує чимало онлайн генераторів і всіляких ресурсів, які з легкістю виконають всю рутинну роботу і видадуть вам готовий код скрипта для вставки на сторінки Вашого сайту.

Кому цікаво таке рішення можете подивитися один Буржуінські сервіс зі створення ротатора банерів. Зрозумієте все і без знання мови, сервіс працює досить спритно.

Отже дивимося:

З повагою, Андрій.

Буду всім вдячний, якщо підтримаєте проект - додавши блог в виключення AdBlock і поділіться посиланням на запис в своїх соц-мережах: