Skip to content

A Polymer element to show a number of 'n' items in a list of 'm' items as a rotating carrousel.

License

Notifications You must be signed in to change notification settings

itsMeBender/carrousel-list

Repository files navigation

Published on webcomponents.org

A carrousel of vertical rotating elements

<carrousel-list show="3" seconds="5">
<carrousel-list-item>This is a list of 6 elements (rows)</carrousel-list-item>
<carrousel-list-item>Only three are displayed</carrousel-list-item>
<carrousel-list-item>The list scrolls down</carrousel-list-item>
<carrousel-list-item><img src="demo/bender.png" alt="bender" width="64" height="64"></carrousel-list-item>
<carrousel-list-item>A new row appears on top</carrousel-list-item>
<carrousel-list-item>The last of the list fades away</carrousel-list-item>
</carrousel-list>

Introduction

An animated rotating vertical list of items. It's part of my bigger project 'magic mirror'. Just to show some movement to mimic some activity on screen.

If you have a list of 'm' items to show, but you have only room for 'n' items. Then this element will handle that for you.
Carrousel items are nicely animated every 's' seconds, to show you a new item from the list.

Specifications

  • Animate a vertical list of elements by rotating the content in a loop.
  • Allow full control of the content and lay-out of the list-elements.
  • Control the number of visible elements.
  • Control the interval of element refreshment.

About

A Polymer element to show a number of 'n' items in a list of 'm' items as a rotating carrousel.

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published

Languages