Nouveau Papier Mâché

    mithril.component.slideshow

    1.1.3 • Public • Published

    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

    Install

    npm i mithril.component.slideshow

    DownloadsWeekly Downloads

    0

    Version

    1.1.3

    License

    MIT

    Last publish

    Collaborators

    • jsguy