Make a website which allows the user to navigate a set of images (first manually, then with an auto-playing slideshow).
Make forward and back buttons to move manually in that direction through a list of at least 4 images.
(e.g. When the user presses forward once, the display should move ONCE to the next image.)
You can use any images.
You can store the images within your app or you can use links to images hosted elsewhere ("hotlinking").
Unsplash is a good source of images for this challenge.
Level 1 challenge screenshot example.
Make auto-forward and auto-back buttons to automatically move in that direction through the list of images.
Here's a screenshot example from a completed level 2 challenge.
Make your buttons work to navigate forwards and backwards, manually.
Add the following buttons:
- auto-forward
- stop
- auto-backwards
These should allow automatic navigation through the images, say every 5 seconds.
Congratulations, you've finished the basics!