Ява скрипт ротатор банерів

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

Роботу сркіпта - ви можете спостерігати в верху в шапці сайту на будь-якій сторінці і так само в лівому блоці "Партнери". Якщо роботу ротатора банерів ви не спостерігаєте, то це означає одне - місця під банери викупили рекламодавці з певних сервісів (у них своя система показів банерів). Розміри під банери ви виставляєте абсолютно під необхідний вам формат, і на одній сторінці, як ви самі бачите, можна встановлювати будь-яку кількість скриптів під ротацію банерів.
Для показу ротації банерів потрібно встановити всього-лише один Java скрипт і одне посилання в коді HTML. І давайте тепер розглянемо ці коди детально ...

Код перед закривається тегом </ head>

<Script type = "text / jаvascript"> var imgs1 = new Array ( "http: //1_баннер.gif", "http: //2_баннер.gif", "http: //3_баннер.gif"); var lnks1 = new Array ( "http: // ссилка_ с_1-го_баннера", "http: // ссилка_ с_2-го_баннера", "http: // ссилка_ с_3-го_баннера"); var alt1 = new Array ( "на_1-ий_баннер", "на_2-ой_баннер", "на_3-ій_баннер"); var title1 = new Array ( "на_1-ий_баннер", "на_2-ой_баннер", "на_3-ій_баннер"); var currentAd1 = 0; var imgCt1 = 3; 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] banner1.title = title1 [currentAd1] document.getElementById ( 'adLink1'). href = lnks1 [currentAd1] currentAd1 ++; } Window.setInterval ( "cycle1 ()", 10000); </ Script> В цьому прикладі я вам показав скрипт ява Ротацію банерів з 3-ох банерів.
Тепер докладніше: в першому рядку скрипта ви вказуєте адреси на потрібні вам банери, другий рядок це відповідно посилання провідні відвідувача при кліці банерів на потрібні сторінки. Наступні два рядки - це ALT і TITLE як і в звичайних банерах, або картинках властиві параметри.
Далі нас цікавить ось ця стоку var imgCt1 = 3; - в ній ми якраз і вказуємо кількість відображуваних банерів в ротаторі. Тому не забувайте, після того як додали адреси та посилання на банер, обов'язково змінювати це значення.
І останнє, що нас цікавить - це останній рядок в скрипті, де ми змінюємо під себе покази банерів по часу. В даному випадку варто 10000 мілісекунд, що прирівнюється до 10 секундам (для тих хто не знає). Ви відповідно змінюєте показ ротації банерів за часом на свій розсуд.
І залишається прописати наступний код в потрібне місце сторінки, де буде відображатися сам Ротатор банерів.

Код для відображення банерів.

<a href="http://ссилка_ с_1-го_баннера" ​​id="adLink1" target="_blank"> <img src = "http: //1_баннер.gif" id = "adBanner1" border = "0" width = "468" height = "60" alt = "" /> </a>

У цьому коді ви вказуєте тільки дані про найпершому банері, який вказаний в скрипті.
На цьому все!

Дата публікації: 05.08.2018

Надія

20 червня 2018 14:57

Якраз те, що я шукала - показ банерів з регульованим часом і без всяких PHP!
Респект - за хороший підбір скриптів)))

Дмитро

21 червня 2018 9:02

Олександр здрастуй ще раз.
Підкажи цей код ротатора банерів можливо використовувати для зміни банера один за іншим в одному місці і формат банерів svf.
Допоможи підкажи будь ласка.

Admin

21 червня 2018 10:13

Дмитро, Привіт!
Те, що в одному місці використовувати Ротатор банерів можна - це однозначно! А ось те, що FLASH формати в банерах, замість стандартних GIF - це чесно скажу не пробував.
І швидше за все Ви мали на увазі формат SWF, а не SVF (я просто такого не чув).

Дмитро

22 червня 2018 12:44

Так опечатался swf формат звичайно.
Дякую за відповідь буду пробувати міняти на GIF

Додати коментар

Дополнительная информация

rss
Карта