Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.05.2011, 00:52
Новичок на форуме
Отправить личное сообщение для SinX Посмотреть профиль Найти все сообщения от SinX
 
Регистрация: 15.05.2011
Сообщений: 4

Слайдер не отрабатывает несколько картинок
Ситуация: должен быть слайдер, в котором несколько последовательных картинок в нескольких ячейках.
Они выводятся в табличке, и первая картинка должна меняться с 1й по 8ю, 2я - со 2й до 8й, а потом с 8й на 1ю и 2ю, 3я до восьмой и снова до 3й и так далее, или же должна быть перемотка влево.

Я понимаю, как написать скрипт, меняющий картинки в 1 ячейке. Но если я аналогичным образом пытаюсь сделать замену всех, то они прогружаются один раз все до 8й картинки и останавливаются.

Как это исправить?

Вот мой код для для двух ячеек:
<body onload="preload()" >

<table align="center">
<tr align="center">
<td><img src="p1.jpg" id="image1"  name="image1" /></td>
<td><img src="p2.jpg" id="image2" name="image2"  /></td>
<td><img src="p3.jpg" id="image3" name="image3"  /></td>
<td><img src="p4.jpg" id="image4" name="image4"  /></td>
<td><img src="p5.jpg" id="image5" name="image5"  /></td>
<td><img src="p6.jpg" id="image6" name="image6"  /></td>
<td><img src="p7.jpg" id="image7" name="image7"  /></td>
</tr>

</table>
<br/><br/>

<script type="text/javascript">

 var Images = new Array(4);

           Images[0]  = new Image(48, 48);
           Images[0].src  = 'p1.jpg';

           Images[1]  = new Image(48, 48);
           Images[1].src  = 'p2.jpg';

           Images[2]  = new Image(48, 48);
           Images[2].src  = 'p3.jpg';

           Images[3]  = new Image(48, 48);
           Images[3].src  = 'p4.jpg';

           Images[4]  = new Image(48, 48);
           Images[4].src  = 'p5.jpg';

           Images[5]  = new Image(48, 48);
           Images[5].src  = 'p6.jpg';

           Images[6]  = new Image(48, 48);
           Images[6].src  = 'p7.jpg';

           Images[7]  = new Image(48, 48);
           Images[7].src  = 'p8.jpg';



 count = 1;

function preload(type)
                   {
               

                    
Images[count].src;

document.image1.src = Images[count].src;

 count1 =count+1;
 if ( count1 = 7 )  count1 = 0;
 if ( count < 7 ) count++; else count = 0;


                       setTimeout("preload()", 1000);

                           }


       </script>


дополнительный вопрос: как написать смену картинок во всех ячейках циклом for?

Спасибо.
Ответить с цитированием
  #2 (permalink)  
Старый 15.05.2011, 22:28
Новичок на форуме
Отправить личное сообщение для SinX Посмотреть профиль Найти все сообщения от SinX
 
Регистрация: 15.05.2011
Сообщений: 4

Апдейт:
Как, выбирая имена картинок из базы скриптом php, не все имеющиеся, а
ограниченное число с помощью sql-запроса
select foto from fotos ... limit 0,8, при каждой загрузке страницы
выбирать разные? Или выбрать все, а потом как-то выбрать 8 случайных?

Второй вопрос - как написать внутри функции preload() цикл изменения значения параметра count для сменяющихся фото во второй и дальнейших ячейках?

function preload()
                   {

document.image1.src = Images[count].src;

 count1 =count+1;
 if ( count1 > 3 )  count1 = 0;
 document.image2.src = Images[count1].src;

 count2 =count1+1;
 if ( count2> 3 )  count2 =0;
 document.image3.src = Images[count2].src;


 count3 =count2+1;
 if ( count3> 3 )  count3 =0;

 document.image4.src = Images[count3].src;



if ( count < 3 ) count++; else count = 0;


setTimeout("preload()", 2000);

                           }
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Слайдер - расчет координат прокрутки розовый слоник Общие вопросы Javascript 2 14.04.2011 18:33
не хочет работать слайдер картинок на сайте MadStill Общие вопросы Javascript 0 29.03.2011 14:55
Как сделать слайдер картинок?!?! Risk Общие вопросы Javascript 1 07.06.2010 10:30
Java ScrollTo. Скрол картинок на java. Надо подправить. vdm Ваши сайты и скрипты 1 28.10.2009 20:46
Java ScrollTo. Скрол картинок на java. Надо подправить. vdm Работа 0 27.10.2009 14:57