1. CSS
#container {
width: 200px;
height: 200px;
margin: 0 auto;
border: 1px solid #ccc;
}
#block1, #block2, #block3 {
margin: 10px;
display: none;
font-size: 14px;
font-family: Georgia;
}
2. JavaScript
<script type="text/javascript">
var elements = 3; //количество div-элементов с текстом
var time = 3; //задержка смены текста по времени в секундах
var currentText = 0;
var color = 255;
noElement = elements + 1;
time = time*1000;
function blockRotator () {
currentText++;
if (currentText == noElement) {
currentText = 1;
}
if (currentText == 1) {
prevText = elements;
}
else {
prevText = currentText - 1;
}
var hide = document.getElementById('block'+prevText);
hide.style.display = 'none';
var show = document.getElementById('block'+currentText);
show.style.display = 'block';
setTimeout('blockRotator()', time);
}
window.onload = blockRotator;
</script>
3. HTML
<div id="container">
<div id="block1"><img src="img.jpg"></div> <!-- Картинка -->
<div id="block2"><a href="site_ru">Ссылка</a></div> <!-- Ссылка -->
<div id="block3">Просто текст без HTML тегов.</div> <!-- Просто текст -->
</div>
