polymer-awesome-slider

The awesome-slider Vanilla JS custom element web component is a cool and clean option to quickly add a slider / banner / gallery to your web projects.


Keywords
awesome-slider, slider, gallery, web component, web-components, custom element
License
MIT
Install
bower install polymer-awesome-slider

Documentation

<awesome-slider/>

The awesome-slider Vanilla JS custom element web component is a cool option to quickly add a slider/banner/gallery to your web projects.

Live demo

Access the live demo here.

awesome slider

Browser support

browser support

Quick usage

demo

  1. Load the WebComponents polyfill:

    <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/0.7.5/webcomponents.min.js"></script>
  2. Import the custom element:

    <link rel="import" href="/awesome-slider.html">
  3. Use it:

    <awesome-slider pre-image="/images/logo.svg" autostart="true" bullets="true">
        <item source="/images/image-1.jpg"></item>
        <item source="/images/image-2.jpg"></item>
        <item source="/images/image-3.jpg"></item>
    </awesome-slider>

Install or download

Install the component using Bower:

$ bower install awesome-slider --save

Or download the zip file.

Troubleshooting

Join the discussion at the article page

License

MIT: http://mit-license.org/

Copyright 2015 Rafael Caferati