Скрипт простого ротатора баннеров
Если Вы планируете размещать на своем сайте более одного баннера, то советуем Вам воспользоваться скриптом простого ротатора баннеров. Это позволит Вам значительно сократить используемое пространство Вашего сайта.
Для наглядного примера работы предлагаемого скрипта смены баннеров, обратите внимание на появляющиеся и исчезающие баннеры (в нашем случае просто картинки), находящееся чуть ниже:
В результате работы скрипта ротатора баннеров получается следующее: если Вы кликните по первой картинке (с надписью Пример № 1), то попадете на страничку "Новости", если по второй - то на "Скрипты", по третьей - на "Онлайн-сервисы" и если Вы кликнули по четвертой картинке, то попадете на форум.
Для получения такого простейшего ротатора баннеров, предлагаем Вам воспользоваться следующим скриптом, который необходимо будет поместить в начало Вашей странички:
<script type="text/javascript">
URLS = new Array
URLS[0] = "news.php"
URLS[1] = "script.php"
URLS[2] = "useful_site.php"
URLS[3] = "statistics.php"
image_ID = new Array
image_ID[0] = "image/img_1.png"
image_ID[1] = "image/img_2.png"
image_ID[2] = "image/img_3.png"
image_ID[3] = "image/img_4.png"
var banner = 3
var last_banner = (URLS.length - 1)
var pause = 2000
function Rotate(image_num) {
if (banner==last_banner) banner = 0
else banner++
document.images[image_num].src = image_ID[banner]
window.setTimeout('Rotate("banners")', pause);
}
</script>В том месте Вашей странички, где Вы планируете поместить ротатор баннеров, необходимо добавить вот такой небольшой код, описывающий баннеры:
<div align="center">
<a href="javascript:document.location=URLS[banner]">
<img name="banners" src="image/img_1.png">
</a>
</div>Дальше остается только включить наш ротатор, чтобы он сменял баннеры через определенные промежутки времени. Делается это так:
<script type="text/javascript">
Rotate('banners');
</script>Если Вам необходимо, чтобы при загрузке странички на ней отображался случайный баннер, то тогда воспользуйтесь совсем простым PHP кодом:
<?php
$banners = array ();
$banners[1] = '<a href="Ссылка перехода № 1"><img src="Баннер № 1"></a>';
$banners[2] = '<a href="Ссылка перехода № 2"><img src="Баннер № 2"></a>';
$banners[3] = '<a href="Ссылка перехода № 3"><img src="Баннер № 3"></a>';
echo $banners[array_rand ($banners)];
?>Если Вы все сделали правильно, то в результате у Вас должен получиться точно такой же ротатор баннеров как в примере, показанном выше.
Перед публикацией все комментарии проходят обязательную модерацию!
Если Вы хотите задать какой-либо вопрос, то сделайте это на нашем форуме.
Таким образом, Вы сможете быстрее получить ответ на интересующий Вас вопрос.
Только хочу написать свой с блэкджэком и... ну вы поняли).
А если есть уже готовые скрипты, которые предоставляются рекламной сетью, можно их добавить в такой ротатор, чтоб использовать одно место для нескольких сетей?
Первый баннер - вторник, второй баннер - среда, третий баннер - четверг.
Как такое реализовать, чтобы в 00:00 менялся первый баннер на второй и т.д.
Я для скрытия ссылок использую функцию с методом onclick. Работает, но в ротаторе и так и сяк пытался не хочет.
Ещё бы одно. Подскажите как сделать плавную смену картинок (например, затухание)?