⌛ The awesome-slider Vanilla JS custom element web component is a cool option to quickly add a slider/banner/gallery to your web projects.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
images
.gitignore initial release Jul 16, 2015
README.md
awesome-slider.html Fixed multiple instances bug Aug 3, 2015
bower.json
customization.css
example.css Added video support Aug 1, 2015
example.html initial release Jul 16, 2015

README.md

<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

Author

Rafael Caferati

License

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

Copyright 2015 Rafael Caferati