Splide Addon

Vaadin addon that displays images and videos as a carousel

This addon is based on Splide library.

Splide component allows to create a carousel/slider to display images and videos (youtube, vimeo or html) including a thumbnail control and full screen functionality.

Sponsored development

Major pieces of development of this add-on has been sponsored by customers of Vaadin. Read more about Expert on Demand at: Support and Pricing

Sample code

    ImageSlide slide1 = new ImageSlide("images/slide_1.jpg");
    ImageSlide slide2 = new ImageSlide("images/slide_2.png");
    ImageSlide slide3 = new ImageSlide("https://source.unsplash.com/random/1000x1000?sig=3");
    Splide slider = new Splide(Arrays.asList(slide1, slide2, slide3));
    slider.setId("images-slider-demo");
    slider.setWidth("450px");
    slider.setHeight("300px");
    slider.getElement().getStyle().set("margin", "auto");

Links

• View on GitHub
• Online Demo
• Issue tracker
• Author Homepage
• Edit

Compatibility