воскресенье, 14 августа 2011 г.

Автоматическая смена фона части страницы

Всем доброго здравия!
Сегодня столкнулся с такой проблемой: Нужно автоматически менять фон у шапки страницы каждые 4 минуты и при ее обновлении. Сначала я начал гуглить и нашел очень интересный скрипт на сайте Java Портала вот он:
<html>
<head>
<script language="javascript">
<!-- var bgrounds=new Array(
"http://javaportal.ru/img/bulitt.gif",
"http://javaportal.ru/img/bulit.gif",
"http://javaportal.ru/img/advround-b-l.gif");
function changeBg()
{ var i=Math.floor(bgrounds.length*Math.random());
document.body.background=bgrounds[i];
setTimeout('changeBg()',10000)}
//-->
</script>
</head>
<body onLoad="setTimeout('changeBg()',10000)>
...
</body>
</html>
Но меня такой расклад не устраивал так как тут меняется полностью фон всего сайта, немного покумекав, и пообщавшись на форуме был сделать следующий скрипт:
 <html>
<head>
<script language="javascript">
<!--
var bgrounds=new Array(
"url(./fon/sindey.jpg)",
"url(./fon/berlin.jpg)",
"url(./fon/rio.jpg)");
function changeBg()
{
var i=Math.floor(bgrounds.length*Math.random());
document.getElementById("mytable").style.backgroundImage=bgrounds[i];
setTimeout('changeBg()',1000)
}
//-->
</script>
</head>
<body onLoad="changeBg()">
<table width="100%" bgcolor="#FFFFFF">
<tr>
<td id="mytable">
11111
</td>
</tr>
</table>
</body>
</html>
Пример можете посмотреть на разработанном мною сайте LingvoArt в шапке картинки меняются раз в 4 минуты.
Всем удачи!
P. S. 1 секунда равна 1000

Комментариев нет:

Отправить комментарий




Курс скорочтения