Master-X
Форум | Новости | Статьи
Главная » Форум » Программинг, Скрипты, Софт, Сервисы » 
Тема: Рандомная ротация иконок
цитата
14/08/09 в 14:45
 Lang
допустим на превью паге есть таблица 5*5
соответственно 25 тумб загрузилось при загрузке странички
как сделать чтоб эти пикчи в табличке у дрочера (без рефреша странички), а по истечение 20 секунд рандомно обновлялись на другие 25 тумб
всего планируется 500 тумб по 160*160пикселей, т.е. на 400секунд присутствия на страничке

реальноли такое без Флэш и анимированных гиф?
цитата
14/08/09 в 15:38
 -=NORTEL=-
Можно либо подгурзить все пикчи сразу 25 видемых и остальные 375 невидымыми
и переставлять их яваскриптом

либо аджаксом перегружать...

стукни в пм если надо написать скриптягу ;) или 4семьсемь851521
цитата
14/08/09 в 18:54
 alex.raven
Можно проще (это пример, а не готовый скрипт):

Код:

<script type="text/javascript">
var imgs = new Array("image1.jpg", "image2.jpg", "image3.jpg", ... ); // здесь имена всех 500 изображений
var tim;

function change_thumbs()
{
    update_thumbs();
    tim = setTimeout("change_thumbs()", 20000);
}

function update_thumbs()
{
    var num;
    for (var i=0; i<25; i++)
    {
        num = Math.floor(Math.random()*imgs.length);
        document.getElementById('img'+i).src='/images/'+imgs[num];
    }
}
</script>

<table>
<tr>
<td><img src="image1.jpg" id="img1"></td>
<td><img src="image2.jpg" id="img2"></td>
<td><img src="image3.jpg" id="img3"></td>
<td><img src="image4.jpg" id="img4"></td>
<td><img src="image5.jpg" id="img5"></td>
...
5 строк по 5 тумб
</table>

<script type="text/javascript">
tim = setTimeout("change_thumbs()", 20000);
</script>


Тут можно доделать, чотбы например, тумбы не повторялись (этот пример очень простой и не проверяет, выводилась ли тумба уже на этой же странице). Т.е например, генерить массив из 25 уникальных тумб и потом просто присваивать их.


Эта страница в полной версии