https://github.com/sahilcreate/image-carousel

https://github.com/sahilcreate/image-carousel

Last synced: 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/sahilcreate/image-carousel
• Owner: Sahilcreate
• License: mit
• Created: 2024-08-01T17:11:55.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-03T05:08:02.000Z (almost 2 years ago)
• Last Synced: 2025-01-16T22:36:02.417Z (over 1 year ago)
• Language: JavaScript
• Homepage: https://sahilcreate.github.io/image-carousel/
• Size: 10.4 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# IMAGE CAROUSEL

## ABOUT 

This project is a part of lesson [Dynamic user Inerface Interaction](https://www.theodinproject.com/lessons/node-path-javascript-dynamic-user-interface-interactions). We were asked to make two simple project - [Drop Down Menu](https://github.com/Sahilcreate/drop-down-menu) & an [Image Carousel](https://github.com/Sahilcreate/image-carousel).

[Click here](https://sahilcreate.github.io/image-carousel/) to view live.

![Live Image](./image-carousel.png)

## OBJECTIVES

- [x] It should contain arrows on each side to advance the image forward or backward

- [x] It should automatically move forward every 5 seconds

- [x] It should contain the little navigation circles at the bottom that indicate which slide you are on

- [x] The navigation circle also should be clickable to advance to that particular slide