The Thumbnail Image Slider is an interactive display solution ideal for showcasing images in a compact and engaging way. This slider features dynamic transitions and thumbnail previews for easy navigation between slides. It is built using HTML, CSS, and JavaScript, suitable for portfolio websites, galleries, or any project that requires visual content presentation.
- Responsive Design: Adapts to various screen sizes, ensuring a great experience on devices from desktops to smartphones.
- Thumbnail Previews: Allows users to preview and select images directly from thumbnails.
- Dynamic Image Transition: Smooth fading transitions for a professional and modern look.
- Automatic and Manual Sliding: Supports both auto-sliding and manual control options.
- Customizable: Easy to customize with CSS to match your specific design requirements.
View the Thumbnail Image Slider in action here: Live Demonstration
- Clone the repository:
git clone https://github.com/wyfir/thumbnail_slider.git
- Navigate to the project directory:
cd thumbnail_slider
Include the styles and script files in your project. Customize the CSS variables to fit your design requirements.
Ensure you include the Boxicons CSS in your <head>:
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css"
/>This project is licensed under the MIT License - see the LICENSE file for details.
Contributions are welcome! Feel free to open issues or submit pull requests to improve this project.