С нами с 11.10.05
Сообщения: 513
Рейтинг: 73
|
Добавлено: 14/08/09 в 14:45 |
допустим на превью паге есть таблица 5*5
соответственно 25 тумб загрузилось при загрузке странички
как сделать чтоб эти пикчи в табличке у дрочера (без рефреша странички), а по истечение 20 секунд рандомно обновлялись на другие 25 тумб
всего планируется 500 тумб по 160*160пикселей, т.е. на 400секунд присутствия на страничке
реальноли такое без Флэш и анимированных гиф?
|
|
|
|
С нами с 10.08.07
Сообщения: 17
Рейтинг: 6
|
Добавлено: 14/08/09 в 15:38 |
Можно либо подгурзить все пикчи сразу 25 видемых и остальные 375 невидымыми
и переставлять их яваскриптом
либо аджаксом перегружать...
стукни в пм если надо написать скриптягу ;) или 4семьсемь851521
|
|
|
|
Мотиватор :)
С нами с 06.05.09
Сообщения: 3028
Рейтинг: 607
|
Добавлено: 14/08/09 в 18:54 |
Можно проще (это пример, а не готовый скрипт):
Код: |
<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 уникальных тумб и потом просто присваивать их.
|
|
|
|
Текстовая реклама в форме ответа Заголовок и до четырех строчек текста Длина текста до 350 символов Купить рекламу в этом месте! |