A simple slideshow element for Polymer.
HTML
Latest commit 5d0a11d Sep 14, 2016 @Iverum committed on GitHub Fixing CSS errors

README.md

polymer-slideshow

A simple slideshow element.

Example

<link rel="import" href="../components/polymer-slideshow/polymer-slideshow.html">
<link rel="import" href="../components/polymer-slideshow/polymer-slide.html">
<!--snip-->
<polymer-slideshow height=600>
  <polymer-slide>
    <img src="http://placekitten.com/g/350/250">
    <h1>Cat</h1>
    <p>Cat ipsum dolor sit amet, quo. Quasi. Amet si irure illo or ab. Vitae. Sint numquam magni but quam cupidatat and deserunt. Sit magna yet velit. Commodi perspiciatis aliquam or ea yet magnam so laboriosam for fugiat. Voluptas ullam or odit yet aspernatur so aut. Eius in minima aliquam. Nostrud. Deserunt. Proident velitesse yet consequat. Quae officia est qui or corporis nequeporro. Aliquam tempor natus yet dolores so eiusmod. Consequat reprehenderit explicabo or officia aperiam. In. Quasi dolor but esse minim. Consectetur do. Perspiciatis occaecat and quis so magna deserunt error yet beatae. Unde culpa so proident for suscipit fugit, and exercitationem. Eius quo, reprehenderit but eos, ab. Incididunt incidunt.
</p>
  </polymer-slide>
  <polymer-slide>
    <img src="http://placehold.it/350x250">
    <h1>Not Cat</h1>
    <p>Quasi. Amet si irure illo or ab. Vitae. Sint numquam magni but quam cupidatat and deserunt. Sit magna yet velit. Commodi perspiciatis aliquam or ea yet magnam so laboriosam for fugiat. Voluptas ullam or odit yet aspernatur so aut. Eius in minima aliquam. Nostrud. Deserunt. Proident velitesse yet consequat. Quae officia est qui or corporis nequeporro. Aliquam tempor natus yet dolores so eiusmod. Consequat reprehenderit explicabo or officia aperiam. In. Quasi dolor but esse minim. Consectetur do. Perspiciatis occaecat and quis so magna deserunt error yet beatae. Unde culpa so proident for suscipit fugit, and exercitationem. Eius quo, reprehenderit but eos, ab. Incididunt incidunt.
</p>
  </polymer-slide>
</polymer-slideshow>

The polymer-slide element can contain any content you desire. The example uses text and images, but you could do just images or just text.

<polymer-slide>
    <img src="http://placekitten.com/g/500/500">
</polymer-slide>

Get the code

The easiest way to get the code is from bower.

bower install polymer-slideshow