Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
component
css
demo
dist
lib
.babelrc
.eslintrc.js
.jshintrc
LICENSE
README.md
index.html
index.js
package.json
server.js
webpack.config.js

README.md

react-touch-gallery

Demo

open http://braavos.me/react-touch-gallery in mobile browser and see results

Install

npm install react-touch-gallery --save

Usage

import Gallery from 'react-touch-gallery'
import style from 'react-touch-gallery/css/gallery.less'
<Gallery urls={urls}/>

props

urls image urls
showRange show current page / total page
showArrow show navigation arrow
showCloseBtn show close button
prevArrow custom previous arrow node
nextArrow custom next arrow node
events:
onChange(index) preview image change event
onEnd(index) at last page, still go right
onStart(index) at first page, still go left
current initial active index page