{"id":19525992,"url":"https://github.com/wyfir/thumbnail_slider","last_synced_at":"2026-02-16T23:40:43.116Z","repository":{"id":250582219,"uuid":"834855249","full_name":"wyfir/thumbnail_slider","owner":"wyfir","description":"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. ","archived":false,"fork":false,"pushed_at":"2024-07-28T15:19:13.000Z","size":4,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-22T10:34:08.229Z","etag":null,"topics":["carousel-thumbnail","html-css-javascript","image-carousel","image-slider","image-thumbnails","slider-css3","slider-js","thumbnail","thumbnail-slider","thumbnails"],"latest_commit_sha":null,"homepage":"https://wyfir.github.io/thumbnail_slider/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/wyfir.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-07-28T15:11:09.000Z","updated_at":"2024-08-13T13:42:38.000Z","dependencies_parsed_at":"2024-07-28T16:57:44.088Z","dependency_job_id":null,"html_url":"https://github.com/wyfir/thumbnail_slider","commit_stats":null,"previous_names":["wyfir/thumbnail_slider"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/wyfir/thumbnail_slider","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wyfir%2Fthumbnail_slider","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wyfir%2Fthumbnail_slider/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wyfir%2Fthumbnail_slider/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wyfir%2Fthumbnail_slider/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wyfir","download_url":"https://codeload.github.com/wyfir/thumbnail_slider/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wyfir%2Fthumbnail_slider/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29524418,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-16T21:45:09.491Z","status":"ssl_error","status_checked_at":"2026-02-16T21:44:58.452Z","response_time":115,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["carousel-thumbnail","html-css-javascript","image-carousel","image-slider","image-thumbnails","slider-css3","slider-js","thumbnail","thumbnail-slider","thumbnails"],"created_at":"2024-11-11T01:07:52.289Z","updated_at":"2026-02-16T23:40:43.091Z","avatar_url":"https://github.com/wyfir.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Thumbnail Image Slider\n\nThe 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.\n\n## Features\n\n- **Responsive Design:** Adapts to various screen sizes, ensuring a great experience on devices from desktops to smartphones.\n- **Thumbnail Previews:** Allows users to preview and select images directly from thumbnails.\n- **Dynamic Image Transition:** Smooth fading transitions for a professional and modern look.\n- **Automatic and Manual Sliding:** Supports both auto-sliding and manual control options.\n- **Customizable:** Easy to customize with CSS to match your specific design requirements.\n\n## Demo\n\nView the Thumbnail Image Slider in action here:\n[Live Demonstration](https://wyfir.github.io/thumbnail_slider/)\n\n## Installation\n\n1. **Clone the repository:**\n   ```bash\n   git clone https://github.com/wyfir/thumbnail_slider.git\n   ```\n2. **Navigate to the project directory:**\n   ```bash\n   cd thumbnail_slider\n   ```\n\n# Css and JavaScript\n\nInclude the styles and script files in your project. Customize the CSS variables to fit your design requirements.\n\n## Important!\n\nEnsure you include the Boxicons CSS in your `\u003chead\u003e`:\n\n```html\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css\"\n/\u003e\n```\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE.txt) file for details.\n\n# Contributing\n\nContributions are welcome! Feel free to open issues or submit pull requests to improve this project.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwyfir%2Fthumbnail_slider","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwyfir%2Fthumbnail_slider","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwyfir%2Fthumbnail_slider/lists"}