apeman-react-slideshow

apeman react package for slideshow components.

Installation

$ npm install apeman-react-slideshow --save

Demo

Live demo is hosted on GitHub Pages.

Usage

'use strict'

import React from 'react'
import {ApSlideshow, ApSlideshowStyle} from 'apeman-react-slideshow'

const ExampleComponent = React.createClass({
  render () {
    return (
      <div>
        <ApSlideshowStyle />
        <ApSlideshow images={[
                    './images/00.jpg',
                    './images/01.jpg',
                    './images/02.jpg',
                    './images/03.jpg',
                    './images/04.jpg',
                    './images/05.jpg',
                    './images/06.jpg',
                    './images/07.jpg'
                ]}
                     repeat={ true }
                     width={ 450 }
                     height={ 300 }
        />
      </div>
    )
  }
})

Components

ApSlideshowStyle

Props

| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- | | style | object | {} | | |

ApSlideshow

Props

| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- | | images | array | [] | | Image URLs | | repeat | bool | false | | Repeat flipping | | width | number | 420 | | Component width | | height | number | 280 | | Component height | | interval | number | 20000 | | Flip interval | | effect | enum | 'fadeAndScale' | | Flip effect |

License

This software is released under the MIT License.

Links

• apeman
• apeman-react-labo
• React