Spinco Photo Gallery

This is a simple responsive image slider built using HTML, CSS, and JavaScript. It allows users to scroll through a list of images horizontally using navigation buttons and a scrollbar.

Features

• Responsive design: The slider adjusts its layout and functionality based on the viewport width, providing a consistent user experience across different devices.
• Navigation buttons: Previous and next buttons allow users to scroll through the images.
• Scrollbar: A scrollbar provides an alternative way to navigate through the images.
• Smooth scrolling: The slider utilizes smooth scrolling animation for a polished user experience.

Usage

1. Clone the repository

2. Open the index.html file in a web browser.

3. Scroll through the images using the navigation buttons or the scrollbar.

File Structure

• index.html: Contains the HTML structure of the image slider.
• styles.css: Defines the styles for the image slider components.
• scripts.js: Contains the JavaScript code for implementing the slider functionality.

Customization

• Images: Replace the image files in the images folder with your own images.
• Styles: Customize the CSS in the styles.css file to change the appearance of the slider components.
• Functionality: Modify the JavaScript in the scripts.js file to add or modify slider functionality according to your requirements.

Browser Support

The image slider is tested and supported on modern web browsers, including Google Chrome, Mozilla Firefox, Safari, and Microsoft Edge.

Credits

This image slider is created by Mabimba Luombe Makasa, Underline Media.