სურათების სლაიდერი JavaScript-ის მასივის მეშვეობით
ახლა კი გავაკეთოთ სურათების სლაიდერი.
დავუშვათ, HTML კოდში გვაქვს img ტეგი:
html<img id="slider" src="">
დავუშვათ, ასევე გვაქვს სურათების მასივი:
javascriptlet texts = ['1.png', '2.png', '3.png'];
მოდით, გავაკეთოთ ისე, რომ ყოველ წამს
img ტეგში გამოჩნდეს ჩვენი მასივის ახალი სურათი.
Задание 1
განახორციელეთ აღწერილი სლაიდერი. გახადეთ ისე, რომ სურათები წრიულად მოძრაობდნენ.
Задание 2
შეცვალეთ წინა ამოცანა ისე, რომ სურათის ზემოთ გამოჩნდეს წინ და უკან ისრები. ანუ სლაიდერი თავისით დაიწყებს გადახვევას ტაიმერით, მაგრამ სურვილის შემთხვევაში მომხმარებელს შეეძლება გადაახვიოს ის ბმულებით.