https://github.com/mitya33/wrap-carousel
Wrap Carousel is an animated, vanilla JavaScript-powered carousel, with two notble CSS-animated effects: 1) It wraps, so when one a slide is bumped off the left or right edge, it reappears at the other edge; 2) Non-active slides are compressed, meaning they expand when they become active.
https://github.com/mitya33/wrap-carousel
carousel css html javascript wrap
Last synced: about 2 months ago
JSON representation
Wrap Carousel is an animated, vanilla JavaScript-powered carousel, with two notble CSS-animated effects: 1) It wraps, so when one a slide is bumped off the left or right edge, it reappears at the other edge; 2) Non-active slides are compressed, meaning they expand when they become active.
- Host: GitHub
- URL: https://github.com/mitya33/wrap-carousel
- Owner: mitya33
- License: mit
- Created: 2020-06-18T13:56:32.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2020-11-11T10:53:32.000Z (over 5 years ago)
- Last Synced: 2025-10-13T09:43:55.871Z (9 months ago)
- Topics: carousel, css, html, javascript, wrap
- Language: JavaScript
- Homepage: https://mitya.uk/projects/wrap-carousel
- Size: 134 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Wrap Carousel
[Full documentation](http://mitya.uk/projects/wrap-carousel) | [Demo](http://mitya.uk/lab/demos/wrap-carousel-demo.html)
Wrap Carousel is an animated, vanilla JavaScript-powered carousel, with two notble CSS-animated effects:
- It wraps, so when one a slide is bumped off the left or right edge, it reappears at the other edge, creating an infinite cycle. This process is animated.
- The non-active slides are compressed, meaning they expand when they become active, and contract once again when they return to inactive state.
It feeds off a JSON-formatted file denoting the slides' text and images.
Read the [full documentation](http://mitya.uk/projects/wrap-carousel) for more.