polymer-simple-slider

Simple examples of how to use the web component provided on
https://github.com/ruyadorno/polymer-simple-slider

Next/Prev buttons example


<div id="nav-example" style="float: left">
    <a id="prev-button" onclick="javascript:document.getElementById('nav-slider').prev()" href="#" class="slide-button">&lt;</a>

    <simple-slider id="nav-slider" style="width:612px; height:612px" transition-property="opacity" start-value="0" visible-value="1" end-value="0" no-auto-play>
        <img src="http://placekitten.com/g/612/612"/>
        <img src="https://unsplash.it/612/612/?random=0"/>
        <img src="https://unsplash.it/612/612/?random=1"/>
        <img src="https://unsplash.it/612/612/?random=2"/>
    </simple-slider>

    <a id="next-button" onclick="javascript:document.getElementById('nav-slider').next()" href="#" class="slide-button">&gt;</a>
</div>

More examples