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