JavaScript орқали массивдаги расмлар слайдери
Энди расмлар слайдерини ясаймиз.
HTML кодда бизга img теги берилган бўлсин:
<img id="slider" src="">
Шунингдек, бизда расмлар массиви мавжуд бўлсин:
let texts = ['1.png', '2.png', '3.png'];
Келинг, ҳар бир секундда
img тегида бизнинг массивимиздан
янги расм пайдо бўлишини таъминлаймиз.
Тавсирланган слайдерни амалга оширинг. Расмлар айланиб чиқиши учун қилинг.
Олдинги вазифани шундай модификация қилинки, расм устида олдинга ва ортга стрелкалар ҳам пайдо бўлсин. Яъни слайдер ўзи таймер орқали айланиб туради, аммо истаганда фойдаланувчи ҳам уни ссылқалар орқали айлантириши мумкин.