Ротатор баннеров
  • Опубликовано: 28.08.2012, 17:15

Установка:
Для начала нужно разместить следующий код в тело 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 секунд.

После настройки скрипта ротатора баннеров он должен сразу заработать.

0

Скачали

.APK

Разширение

hoster-saitov

hoster-saitov

Автор публикации

Скрипты

Категория

0

Комментариев

303

Просмотров
  • Скриншоты

Ротатор баннеров
Имя:*
E-Mail:


Статистика сайта AOreo.com - Каталог программного обеспечения для Android платформы
Copyright © Footer 2018. All right reserved :: Хостинг от uCoz