https://github.com/wyfir/thumbnail_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.
https://github.com/wyfir/thumbnail_slider
carousel-thumbnail html-css-javascript image-carousel image-slider image-thumbnails slider-css3 slider-js thumbnail thumbnail-slider thumbnails
Last synced: about 2 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/wyfir/thumbnail_slider
- Owner: wyfir
- License: mit
- Created: 2024-07-28T15:11:09.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-07-28T15:19:13.000Z (10 months ago)
- Last Synced: 2025-02-07T15:44:31.758Z (4 months ago)
- Topics: carousel-thumbnail, html-css-javascript, image-carousel, image-slider, image-thumbnails, slider-css3, slider-js, thumbnail, thumbnail-slider, thumbnails
- Language: CSS
- Homepage: https://wyfir.github.io/thumbnail_slider/
- Size: 3.91 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# 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](https://wyfir.github.io/thumbnail_slider/)
## Installation
1. **Clone the repository:**
```bash
git clone https://github.com/wyfir/thumbnail_slider.git
```
2. **Navigate to the project directory:**
```bash
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 ``:
```html
```
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE.txt) file for details.
# Contributing
Contributions are welcome! Feel free to open issues or submit pull requests to improve this project.