https://github.com/flyfloor/react-touch-gallery

photo gallery
https://github.com/flyfloor/react-touch-gallery

Last synced: about 2 months ago
JSON representation

photo gallery

• Host: GitHub
• URL: https://github.com/flyfloor/react-touch-gallery
• Owner: flyfloor
• License: mit
• Created: 2016-06-22T11:17:47.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2016-06-29T11:46:29.000Z (over 8 years ago)
• Last Synced: 2024-10-28T23:01:22.488Z (2 months ago)
• Language: JavaScript
• Homepage: http://braavos.me/react-touch-gallery
• Size: 89.8 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# react-touch-gallery

### Demo  

open [http://braavos.me/react-touch-gallery](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'

```

```

```

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