mithril slideshow component

This creates a slideshow in mithril

Install

npm install mithril.component.slideshow

Usage

First include mithril.js, and the js and css files:

<script src="lib/mithril.js"></script>
<script src="dist/mithril.component.slideshow.js"></script>
<link rel="stylesheet" type="text/css" href="dist/mithril.component.slideshow.css">

Then in your view, simply initialise with the images you want to show, as a property, using the state:

return m.components.mSlideshow({state: {
    imgs: m.prop([
        {src: "img/uboat.jpg"},
        {src: "img/bridge.jpg"}
    ])
}});

You can optionally set the following attributes:

• auto - should we automatically advance, default is false
• time - the amount of milliseconds the slideshow waits before advancing, default is 7000
• showButtons - should we show the left/right buttons, default is true
• showDots - should we show dots at the bottom, default is true