1. Css: /* если элементов с текстом больше чем 3, их следует добавить сюда через запятую */ #text, #text2, #text3{ margin: 10px; display: none; }
2. JavaScript:
<script type="text/javascript"> var elements = 3; //количество div-элементов с текстом var time = 1; //задержка смены текста по времени в секундах 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; </script>
3. Информация: <div id="text1">Text or image, шо хочишь</div> <div id="text2">Text2 or image, шо хочишь</div> <div id="text3">Text3 or image, шо хочишь</div>