Carousel-3D
3D carousel component
A carousel is a slideshow for cycling through a series of Vaadin components horizontally or vertically with a 3D effect.
Sample code
Carousel carousel = Carousel.create()
.withAutoplay()
.withDuration(3, TimeUnit.SECONDS);
// adjust the width and height (optionally)
carousel.setWidth(600);
carousel.setHeight(375);
Image image = new Image("https://picsum.photos/600/400"), "A Random Image");
carousel.add(image);
Links
Compatibility
Was this helpful? Need more help?
Leave a comment or a question below. You can also join
the chat on Discord or
ask questions on StackOverflow.
Version
added methods to
- get the index of the component on center stage
- get the component on center stage
- minor bugfixes
- updated demo application
- Released
- 2021-07-22
- Maturity
- BETA
- License
- Apache License 2.0
Compatibility
- Framework
- Vaadin 14+
- Vaadin 24+ in 1.0.0
- Vaadin 23 in 0.8.0
- Vaadin 14 in 0.8.0
- Browser
- N/A
Carousel-3D - Vaadin Add-on Directory
3D carousel component
Online Demo
Carousel-3D version 0.5.0
+ 3D carousel for all Vaadin components
+ client site implementation for optimal performance
+ horizontal and vertical orientation
+ configurable autoplay
+ swipe support
+ server-side controls (optional)
+ add and remove components on-the-fly
Carousel-3D version 0.6.0
added methods to
* get the index of the component on center stage
* get the component on center stage
* minor bugfixes
* updated demo application
Carousel-3D version 0.7.0
minor bugfix (show by index 0 corrected)
Carousel-3D version 0.8.0
minor bugfixes
Carousel-3D version 1.0.0
3D Carousel for Vaadin 24
changed Polymer for Lit