[MagicPast.NET]#

Linux Windows Софт Hardware Вебмастеру Интернет Сеть C++ Звук Статьи Автомобильные устройства PDA

IP адрес:  54.158.52.166
Версия протокола:  HTTP/1.1
Локальный порт:  46540
Количество кук:  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
Убрать meta-тег "generator"
Вывести текст в позицию шаблона
Разрешить регистрацию пользователей
Убрать "/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"

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