Простой ротатор баннеров и другой информации на PHP

JavaScript ротатор баннеров, графических элементов, div блоков и другой информации

Часто на страницах сайта места не достаточно, а хочется вывести побольше баннеров или другой информации. Выходом является ротация. Решений много, но самое простое здесь.

Вот в таких див блоках надо разместить необходимую информацию для ротации. Это могут быть баннеры, текст, графика и все что угодно.

<div id="text1">первый элемент</div>
<div id="text2">второй элемент</div>

JavaScript ротатора:

//Ротатор
var elements = 2; var time = 6; var currentText = 0; var color = 255; noElement = elements + 1; time = time*1000; function textRotator () {currentText++;	if (currentText == noElement) {currentText = 1;} if (currentText == 1) {prevText = elements;} else {prevText = currentText - 1;} var hide = document.getElementById("text"+prevText); hide.style.display = "none"; var show = document.getElementById("text"+currentText); show.style.display = "block"; setTimeout("textRotator()", time);} window.onload = textRotator;

В этом коде надо изменить параметр var elements = 2; на количество ваших элементов. Например 2, 4 5.

Который нужно подключить в теле body:

<script src="//www.ваш_сайт/rotator.js"></script>
Этот материал впервые был опубликован 21 апреля 2018 года. Актуальность информации подтверждена 16 января 2024 году.