Простейший ротатор рекламы на javascript

HJ
На сайте с 14.02.2006
Offline
274
891

Задача: нужно в javasript выводить то один рекламный блок <div id="ххххх"></div>, то другой <div id="уууууу"></div> при каждой загрузке страницы.

Как это можно сделать?

MI
На сайте с 16.07.2008
Offline
74
#1

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

https://jsfiddle.net/gtawrLx1/

HJ
На сайте с 14.02.2006
Offline
274
#2
metadon.info:
Можно в случайном порядке делать блок видимым, а все остальные изначально пометить как скрытые.
https://jsfiddle.net/gtawrLx1/

Тогда статистика показов будет некорректной. А возможно рандомом менять блоки?

MI
На сайте с 16.07.2008
Offline
74
#3
happy-joker:
Тогда статистика показов будет некорректной. А возможно рандомом менять блоки?

Там рандомом и меняется, если нужно сделать по другому, то надо больше подробностей.

I2
На сайте с 07.03.2015
Offline
38
#4

тогда рандомом подгружайте страницу.

можете создать 3 страницы, в каждой находится нужный блок с рекламой

страницы называть block1, block2

и методом, который показал metadon.info, менять путь при загрузке

я имею ввиду, что в этих страницах будет находится только блок с рекламой

а js-ом вставлять ее куда нужно.

Качественная верстка PSD макетов (/ru/forum/974524)
LH
На сайте с 26.09.2013
Offline
89
#5

Делаете массив, ставите рандомную функцию и обрабатываете элементы.

R
На сайте с 19.01.2016
Offline
4
#6

Вот код простого ротатора:


var ad2 = Math.floor((Math.random() * 10) + 1);
var link2;
var adBanner2;
var width2
var height2
if (ad2==1) {
link2="http://youraffiliatelink.com";
adBanner2="image.jpg";
width2="728";
height2="90";
alt2="Your Alt text";
}
if (ad2==2) {
link2="http://youraffiliatelink.com";
adBanner2="image.jpg";
width2="728";
height2="90";
alt2="Your Alt text";
}
if (ad2==3) {
link2="http://youraffiliatelink.com";
adBanner2="image.jpg";
width2="728";
height2="90";
alt2="Your Alt text";
}
if (ad2==4) {
link2="http://youraffiliatelink.com";
adBanner2="image.jpg";
width2="728";
height2="90";
alt2="Your Alt text";
}
if (ad2==5) {
link2="http://youraffiliatelink.com";
adBanner2="image.jpg";
width2="728";
height2="90";
alt2="Your Alt text";
}
if (ad2==6) {
link2="http://youraffiliatelink.com";
adBanner2="image.jpg";
width2="728";
height2="90";
alt2="Your Alt text";
}
if (ad2==7) {
link2="http://youraffiliatelink.com";
adBanner2="image.jpg";
width2="728";
height2="90";
alt2="Your Alt text";
}
if (ad2==8) {
link2="http://youraffiliatelink.com";
adBanner2="image.jpg";
width2="728";
height2="90";
alt2="Your Alt text";
}
if (ad2==9) {
link2="http://youraffiliatelink.com";
adBanner2="image.jpg";
width2="728";
height2="90";
alt2="Your Alt text";
}
if (ad2==10) {
link2="http://youraffiliatelink.com";
adBanner2="image.jpg";
width2="728";
height2="90";
alt2="Your Alt text";
}
document.write('<center><a href="' + link2 + '" target="_blank">');
document.write('<img src="' + adBanner2 + '" width=' + width2 + ' height=' + height2 + ' border=0 alt="' + alt2 + '"></a>');
document.write('</center>');

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий