Skip to content

Latest commit

 

History

History
50 lines (34 loc) · 1.74 KB

README.md

File metadata and controls

50 lines (34 loc) · 1.74 KB
Raw

Thumbnail Image Slider

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.

Features

  • 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.

Demo

View the Thumbnail Image Slider in action here: Live Demonstration

Installation

  1. Clone the repository: 
    git clone https://github.com/wyfir/thumbnail_slider.git
  2. Navigate to the project directory: 
    cd thumbnail_slider

Css and JavaScript

Include the styles and script files in your project. Customize the CSS variables to fit your design requirements.

Important!

Ensure you include the Boxicons CSS in your <head>:

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css"
/>

License

This project is licensed under the MIT License - see the LICENSE file for details.

Contributing

Contributions are welcome! Feel free to open issues or submit pull requests to improve this project.