Помощь Вашему компьютеру!!! Быстрый и удобный ремонт и обслуживание компьютеров, ноутбуков и других прочих устройств. Бухгалтерия 1С, СБиС++ Электронный документооборот - Установка, настройка, обновление, поддержка. Создание сайтов, хакинг, программная компьютерная помощь, Программа, программы, ПО, раскрутка сайтов, SEO, web, веб, разработка, CMS, Генераторы онлайн, Спутниковое ТВ, Триколор, Tricolor, МТС и др., как увеличить количество, посещаемость, сайта, счетчики, поисковики, яндекс, гугл, одноклассники, вконтакте, ютуб, yandex, Google, Odnoklassniki, Ok, vk, YouTube, как заработать, монетизировать, монетизация, андроид, Android, иос, IOS, айфон, iPhone, Windows, Ваш компьютер - ремонт-сервис-обслуживание! Ремонт и обслуживание компьютеров, 1С, СБиС, сайты, хакинг и ...! Контакты тел.: +7(953) 687-90-75 Михаил! Простой ротатор баннеров на JavaScript - SEO - Рекламные скрипты

КОМПЬЮТЕРНАЯ ПОМОЩЬ

г. Белая Холуница

+7 (953) 687-90-75 Михаил (с 8-00 до 21-00)

Узнать больше

Сервисы и Блоги

Простой ротатор баннеров на JavaScript

В данном посте я хочу представить вашему вниманию простой ротатор баннеров на JavaScript.

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

В принципе, в интернете можно найти множество вариантов подобных ротаторов. Но в большинстве случаев они имеют довольно непростую установку, особенно для новичков. По этому, я решил написать максимально простой скрипт ротатора баннеров, который смог бы использовать любой пользователь.

Представленный мной ротатор производит смену баннеров при каждой загрузке страницы в случайном порядке. Здесь не используется никаких визуальных эффектов и переключателей, так как основной упор делался именно на простоту использования.

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

<script>
var banner = new Array();
banner[0] = '<a href="https://pomoch-pc.ru" target="_blank"><img src="https://pomoch-pc.ru/pr/21_4/" alt="Название-1" width="250" height="400"/></a>';
banner[1] = '<a href="https://pomoch-pc.ru/pomoch-pc.html" target="_blank"><img src="https://pomoch-pc.ru/pr/icon1/" alt="Название-2" width="250" height="400"/></a>';
banner[2] = '<a href="https://pomoch-pc.ru/1c.html" target="_blank"><img src="https://pomoch-pc.ru/pr/rose/" alt="Название-3" width="250" height="400"/></a>';
var n = ~~(Math.random()*3);
document.write(banner[n]);
</script>

Приведу необходимые пояснения.

href=»Страница-1″ – ссылка на направляемую страницу, например:

href=»/»

target=»_blank» –  открывать страницу в новом окне.

src=»Изображение-1″ – путь до изображения баннера, например:

src=» /banners/bann1.jpg»

alt=»Название-1″ – название баннера.

width=»250″ height=»400″ – ширина и высота изображения в пикселях.

Если вам необходимо добавить в ротатор больше баннеров, увеличьте количество строк banner[n], до нужного количества, добавив banner[3], banner[4] и так далее. При этом в строке var n=~~(Math.random()*3); за место числа «3» нужно написать свое количество баннеров.

На этом все. Можете смело использовать данный ротатор баннеров  для экономии места на своем сайте или блоге.