Image Scroller Add-on

Flow
1

Hi guys-
Is there any vaadin add-on like:
http://www.jqueryscript.net/demo/Simple-Automatic-Image-Scroller-with-jQuery-ImageScroll/
and here is the jquery usage:
http://www.jqueryscript.net/slider/Simple-Automatic-Image-Scroller-with-jQuery-ImageScroll.html

Is it possible to create a widget or use a CustomLayout to add this to my web page? If so, can you please provide some sample or getting started pointers? Would be much appreciated.
Thanks

2

Are you using Vaadin 7 or 8? For 7, there’s at least ImageStrip:
https://vaadin.com/directory#!addon/imagestrip

-Olli

3

Hi Olli- thanks for the quick response, I am using Vaadin 8 and I also played with ImageStrip which worked well with Vaadin7 but no automatic transition, I was planning to use the ImageStrip along with the Refresher Add-on to simulate the automatic transitions by calling the scrollToRight/scrollToLeft methods (vs a user having to click the arrows to transition to the next image).

Thanks
Paul

4

Right. ImageStrip doesn’t support Vaadin 8 yet, so you’ll have to migrate it first (shouldn’t be a big deal by the looks of it). Same thing for Refresher, but that’s a legacy component already in 7 so I’m not sure how good an idea using it would be. Might be easiest to get the automatic scrolling to work by creating a custom version of ImageStrip and adding some JavaScript mouse events, but then you’ll probably want to start thinking about CSS transitions as well and at that point, it might be better to start from scratch. There’s the
CoverFlow add-on
 which uses jQuery, but it also doesn’t seem to feature automatic transitions; maybe look at that one next, though.