ტექსტის სლაიდერი JavaScript-ში

ამ განყოფილებაში ჩვენ დავიწყებთ სლაიდერების შექმნით. დავიწყებთ უმარტივესებიდან და თანდათან გავართულებთ.

ჯერ გავაკეთოთ ტექსტის სლაიდერი. ეს სლაიდერი იქნება div, რომელშიც ყოველ წამს შეიცვლება ტექსტი:

html<div id="slider"></div>

სლაიდერის ტექსტებს ჩვენ ვინახავთ მასივში:

javascriptlet texts = ['text1', 'text2', 'text3'];

ამოხსნის ალგორითმი იქნება შემდეგი: საჭიროა გაეშვას ტაიმერი, რომელიც ყოველ წამს ჩვენს div-ში ჩასვამს მასივის ახალ ელემენტს - ჯერ პირველს, შემდეგ მეორეს, შემდეგ მესამეს, და შემდეგ ისევ პირველს და ასე შემდეგ წრიულად.