Простой ротатор баннеров и другой информации на 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>