Практическое введение в программирование на JavaScript
Листание и прокрутка картинок
Пример 2.23. Листание и прокрутка картинок
<SCRIPT> <!-- Защитили текст скрипта от старых браузеров pictures = new Array() for(i=0;i<8;i++) { pictures[i] = new Image() if(i==0) pictures[i].src = "freeze.gif" if(i==1) pictures[i].src = "dust.gif" if(i==2) pictures[i].src = "toster.gif" if(i==3) pictures[i].src = "cook.gif" if(i==4) pictures[i].src = "oven.gif" if(i==5) pictures[i].src = "wash.gif" if(i==6) pictures[i].src = "dishwash.gif" } n=0; flag=0; function next_image() { if(flag==0) { n++;if(n>6) n=0; document.images[1].src = pictures[n].src } } function back_image() { if(flag==0) { n--;if(n<0) n=6; document.images[1].src = pictures[n].src } } function scroll_image() { if(flag==1) { n++;if(n>6) n=0; document.images[1].src = pictures[n].src } setTimeout("scroll_image()",1500); } function start_stop() { if(flag==0) { flag=1 } else { flag=0 } } // --> </SCRIPT> [ На начало страницы ] <TABLE COLS=2 WIDTH="100%" > <CAPTION> <FONT COLOR="#000099" SIZE=+2>Образцы бытовой техники</FONT> </CAPTION> <TR> <th> <form name=form1> <input name=f type=button value=Вперед onClick=next_image()> <input name=ss type=button value="Старт/Стоп" onClick=start_stop()> <input name=b type=button value=Назад onClick=back_image()> </form> </th> </tr> <tr> <th ALIGN=CENTER VALIGN=CENTER><IMG SRC="dust.gif" NAME="tool" > </th> </TR> </TABLE>
В этом примере мы используем те же средства, что использовали и для организации скроллинга. Алгоритм останова и запуска прокрутки тот же, что и при скроллинге окна.
