Apeman-react-slideshow NPM

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
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