სურათების სლაიდერი HTML-ით და JavaScript-ით

დავუშვათ, ახლა ჩვენს HTML კოდში გვაქვს ყველა ის სურათი, რომელიც ჩვენ ვგეგმავთ ჩვენს სლაიდერში ჩვენებას:

html<div id="slider">
  <img src="1.png">
  <img src="2.png">
  <img src="3.png">
</div>

მოდით, გავაკეთოთ ისე, რომ გვერდზე შესვლისას გამოჩნდეს პირველი სურათი, შემდეგ ერთი წამის შემდეგ - მეორე, და ასე შემდეგ წრეზე.