Установка:
Для начала нужно разместить следующий код в тело HEAD сайта. При желании, скрипт можно вынести в отдельный js-файл.
Code
<script type="text/javascript"><!--
$rotator = {
banners: [
{url: 'http://svalka.szenprogs.ru', img: 'http://szenprogs.ru/img/posts/002/1.jpg', title: 'Интересное'},
{url: 'http://soft-block.ru', img: 'http://szenprogs.ru/img/posts/002/2.jpg', title: 'Популярный софт'},
{url: 'http://egame.szenprogs.ru', img: 'http://szenprogs.ru/img/posts/002/3.jpg', title: 'Игры для эмуляторов'},
{url: 'http://cookerz.ru', img: 'http://szenprogs.ru/img/posts/002/4.jpg', title: 'Кулинарная книга'}
],
options: {
width: '468',
height: '60',
target: '_blank',
time: 5000
},
num: 0,
exec: function(id){
document.getElementById(id).innerHTML = '<a href="' + this.banners[this.num].url + '" title="' + this.banners[this.num].title + '" target="' + this.options.target + '"><img src="' + this.banners[this.num].img + '" width="' + this.options.width + '" height="' + this.options.height + '" alt="' + this.banners[this.num].title + '"><\/a>';
if(this.num < this.banners.length - 1){
this.num ++;
}else{
this.num = 0;
}
},
ready: function(id){
var loadevent = window.onload;
window.onload = function(){
if(typeof loadevent == 'function') loadevent();
$rotator.exec(id);
window.setInterval(function(){
$rotator.exec(id);
}, $rotator.options.time);
}
}
}
$rotator.ready('banner');
//-->
</script>
В месте, где должны крутиться баннеры, нужно разместить следующий код:
Code
Code
<div id="banner">здесь размещен <a href="http://szenprogs.ru/blog/rotator_bannerov/2012-08-26-142">ротатор баннеров</a></div>
Теперь разберем параметры скрипта ротатора баннера и настроем его под себя.
Список прокручиваемых баннеров находится в массиве banners. Их количество не ограничено. Каждый элемент массива состоит из объекта со следующими параметрами:
url - ссылка на рекламируемую страницу;
img - ссылка на баннер. Баннеры желательно хранить на собственном хосте;
title - подсказка к баннеру. Будет отображаться, если навести курсор на баннер, или при отключенном отображении картинок.
Основные параметры находятся в объекте options:
width - ширина баннеров в пикселях;
height - высота баннеров в пикселях;
target - метод перехода по ссылке баннера. _blank - в новом окне. _top - в текущем окне;
time - промежуток времени, через которое будут менятся баннеры. Измеряется в миллисекундах. В коде это 5000 миллисекунд = 5 секунд.
После настройки скрипта ротатора баннеров он должен сразу заработать.