Image Slider

WebsiteImage Slider Project

This project is a responsive image slider created using HTML, CSS, and JavaScript. It allows users to view multiple images by navigating through them using left and right arrow buttons. The slider also includes pagination dots at the bottom to indicate the current image and allows quick navigation by clicking on these dots.

Key Features:

Image Navigation: Users can move to the previous or next image using arrow buttons.

Pagination Dots: Small dots below the slider show the current image and allow users to jump to a specific slide.

Responsive Design: The slider adjusts to different screen sizes, providing a smooth user experience on desktops, tablets, and mobile devices.

Smooth Transitions: Images transition with smooth animations for a better visual experience.

Manual Control: Users can manually browse images, offering interactive control.

Technologies Used:

HTML: For the structure of the image slider.

CSS: For styling the slider layout, arrows, dots, and animations.

JavaScript: For handling image navigation, updating active dots, and enabling interactive features.