IP адрес:  54.221.73.186

Версия протокола:  HTTP/1.0

Локальный порт:  51150

Количество кук:  0



Вебмастеру

HTML и World Wide Web

Правила языка html

Структура html-документа

Стандартные шрифты для сайта

Коды символов html

Коды цветов html

Размеры баннеров

HTML5

Отобразить <html> код на Web-странице

Вставить Flash на Web-страницу

Анимированная иконка favicon.ico

Ошибка валидатора: The name attribute is obsolete. Consider putting an id...

CSS3

Атрибут "noshade" с помощью CSS

HTML5, CSS3

Вертикальная линия html

Footer внизу страницы

JavaScript 2.0 (ECMAScript 3.1)

Ротатор баннеров

Meta теги

Атрибут meta charset

Атрибут meta http-equiv

Атрибут meta name

Apache2

Поддомен VirtualHost

Joomla 3.x

Вывести текст в позицию шаблона

Разрешить регистрацию пользователей

Убрать "/ru" в имени домена

Вывод габаритных размеров и веса в карточке товара

Убрать строку "Leave the search box empty to find all products, or enter...

Как убрать из <title> VirtueMart надпись "Добро пожаловать в"

Ошибка vmError: Предупреждение, Безопасный путь пустое это...

Предупреждение. Отсутствует флаг ru-RU для языка ru-RU. Пройдите в...

Убрать тег link rel canonical

Вставить баннер в Joomla

Вставить видео YouTube в Joomla

Лента новостей в Joomla

Ускорение загрузки сайта

Убрать мета-тег "Generator"

Добавить позицию в шаблон

Для использования Joomla! на вашем сервере необходимо отключить...

Joomla 2.x

Секреты Joomla

Заменить favicon.ico

Изменить ошибку 404

RSS 2.0

Как создать RSS

Теги RSS


Навигация:   Главная  –  Вебмастеру  –  Ротатор баннеров




Ротатор баннеров


Контекст:

JavaScript 2.0 (ECMAScript 3.1)


Ротатор баннеров: это скрипт случайного показа баннера на вашей странице.

Почти каждый веб-мастер участвует в какой-либо партнерской программе. Для продвижения партнерских товаров все чаще используют ротаторы баннеров.

Ротатор полезен тем, что мы освобождаем место на сайте от лишней рекламы. Если нам необходимо прорекламировать 6 или больше баннеров, то без ротатора трудно представить как будет смотреться сайт, а при помощи ротатора можно их все вывести на одной площадке по очереди.

Ротатор баннеров на JavaScript

<script type="text/javascript">
<!--
var links = new Array(
	"<a href=адрес перехода target=_blank><img src=путь к картинке border=none></a>",
	"<a href=адрес перехода target=_blank><img src=путь к картинке border=none></a>"
	);
-->
</script>
<script type="text/javascript">
<!--
var los = Math.floor(Math.random() * links.length)
document.write (links[los]);
-->
</script>

Адреса картинок (img src=) и адреса ссылок (a href=) пишутся без кавычек, однако вся строка, содержащая эти адреса, заключается в кавычки в начале и в конце.

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

Пример работы скрипта (понадобиться несколько раз обновить страницу):

Ротатор картинок на JavaScript.

<script type="text/javascript">
<!--
var a=Math.round(Math.random()*2)
image = new Array();
image[0]="путь к картинке"
image[1]="путь к картинке"
image[2]="путь к картинке"
document.write ("<img src="+image[a]+">");
-->
</script>

Где значение "2" из строки:

var a=Math.round(Math.random()*2) - это последнее значение массива.

image[2]="путь к картинке"

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

В случае этого скрипта, абсолютный или http- адрес картинки вписывается в кавычки.

image[0]="/images/banner1.png"
image[1]="http://example.com/images/banner2.gif"

Пример работы скрипта (понадобиться несколько раз обновить страницу):