/mithril.component.slideshow

Slideshow component for mithril

Primary LanguageJavaScriptMIT LicenseMIT

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