JavaScript массиви аркылуу сүрөт слайдери
Эми сүрөт слайдерин жасайлы.
HTML кодубузда img теги берилсин деп коёлу:
html<img id="slider" src="">
Ошондой эле бизде сүрөттөрдүн массиви берилсин деп коёлу:
javascriptlet texts = ['1.png', '2.png', '3.png'];
Келгиле, ар бир секунд сайын
img тегинде биздин массивден
жаңы сүрөт пайда болсун.
Задание 1
Сүрөттөр тегеректе жүрүшү үчүн, сүрөттөрдүн айланып чыгышын ишке ашырыңыз.
Задание 2
Мурунку маселени өзгөртүңүз, сүрөттүн үстүндө алдыга жана артка багыттар пайда болсун. Башкача айтканда, слайдер өзү таймер менен айланып турат, бирок колдонуучу каалаганда шилтемелер менен аны алмаштыра алат.