Install the component using Bower:
$ bower install --save mp-slider
- Import Web Components' polyfill:
<script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>
- Import Custom Element:
<link rel="import" href="bower_components/mp-slider/mp-slider.html">
-
Start using it!
Wrap the image in a div. To add caption to your image just include the 'mp-caption' element with slider-header, slide-content properties.
<mp-slider controls bullets show-thumbs>
<div>
<img src="demo/images/img1.jpg" />
<mp-caption slider-header="Kung Fu Panda"
slider-content="Po and the legends of awesomeness">
</mp-caption>
</div>
<div>
<img src="demo/images/img2.jpg" />
<mp-caption slider-header="Despicable Me"></mp-caption>
</div>
</mp-slider>
MIT License