|
Сообщение от sinclairB
|
|
у нас есть n ячеек, очередь для каждой ячейки - допустим 4 картинки. Изначально изображение во всех ячейках статично. Через каждые 3 секунды выбирается случайная ячейка и в ней меняется изображение на последующее в очереди. При этом остальные ячейки остаются "неподвижными" Затем снова через 3 секунды выбирается случайная ячейка итд..
|
Как вариант...
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
td {
width: 30px;
height: 30px;
background: url('http://javascript.ru/forum/images/smilies/blink.gif') no-repeat center;
}
</style>
<script type="text/javascript">
var a=[
'http://javascript.ru/forum/images/smilies/smile.gif',
'http://javascript.ru/forum/images/smilies/laugh.gif',
'http://javascript.ru/forum/images/smilies/lol.gif',
'http://javascript.ru/forum/images/smilies/tongue.gif'
]
var queue=0
$(window).load(function (){
setTimeout(Go,500);
});
function Go() {
var o=$('#test td');
var i=Math.floor(Math.random()*o.length);
o=o.get(i);
i='url("'+a[queue]+'")';
$(o).css('background-image',i);
queue++;
queue=queue%a.length;
setTimeout(Go,500);
};
</script>
</head>
<body>
<table id='test'>
<td></td>
<td></td>
<td></td>
</table>
</body>
</html>