react-image-gallery
Advanced tools
Comparing version 0.5.11 to 0.5.12
@@ -320,3 +320,3 @@ 'use strict'; | ||
onTouchStart: _this5.props.onClick, | ||
onTouchEnd: _this5._touchEnd }, | ||
onTouchEnd: _this5._touchEnd.bind(_this5) }, | ||
_react2['default'].createElement('img', { | ||
@@ -349,3 +349,3 @@ className: _this5.props.server ? 'loaded' : null, | ||
onTouchStart: _this5.slideToIndex.bind(_this5, index), | ||
onTouchEnd: _this5._touchEnd, | ||
onTouchEnd: _this5._touchEnd.bind(_this5), | ||
onClick: _this5._wrapClick(_this5.slideToIndex.bind(_this5, index)) }, | ||
@@ -365,3 +365,3 @@ _react2['default'].createElement('img', { | ||
onTouchStart: _this5.slideToIndex.bind(_this5, index), | ||
onTouchEnd: _this5._touchEnd, | ||
onTouchEnd: _this5._touchEnd.bind(_this5), | ||
onClick: _this5._wrapClick(_this5.slideToIndex.bind(_this5, index)) })); | ||
@@ -386,3 +386,3 @@ } | ||
onTouchStart: swipePrev, | ||
onTouchEnd: this._touchEnd, | ||
onTouchEnd: this._touchEnd.bind(this), | ||
onClick: this._wrapClick(swipePrev) }), _react2['default'].createElement('a', { | ||
@@ -392,3 +392,3 @@ key: 'rightNav', | ||
onTouchStart: swipeNext, | ||
onTouchEnd: this._touchEnd, | ||
onTouchEnd: this._touchEnd.bind(this), | ||
onClick: this._wrapClick(swipeNext) })], _react2['default'].createElement( | ||
@@ -395,0 +395,0 @@ _reactSwipeable2['default'], |
{ | ||
"name": "react-image-gallery", | ||
"version": "0.5.11", | ||
"version": "0.5.12", | ||
"description": "Image gallery component for React.JS", | ||
@@ -5,0 +5,0 @@ "main": "./build/image-gallery", |
@@ -20,27 +20,6 @@ React Image Gallery | ||
```sh | ||
``` | ||
npm install react-image-gallery | ||
``` | ||
To build the example locally, run: | ||
``` | ||
npm install | ||
``` | ||
``` | ||
gulp dev | ||
``` | ||
You might need to run the following command if you do not have gulp installed globally. | ||
``` | ||
npm install --global gulp | ||
``` | ||
Then open [`localhost:8001`](http://localhost:8001) in a browser. | ||
## Use | ||
### SASS | ||
@@ -55,6 +34,6 @@ | ||
``` | ||
<link rel="stylesheet" href="/image-gallery.css"/> | ||
build/image-gallery.css | ||
``` | ||
### JS | ||
### JSX | ||
@@ -134,4 +113,15 @@ ```js | ||
# To build the example locally | ||
``` | ||
git clone https://github.com/xiaolin/react-image-gallery.git | ||
npm install | ||
npm start | ||
``` | ||
Then open [`localhost:8001`](http://localhost:8001) in a browser. | ||
# License | ||
MIT |
@@ -270,3 +270,3 @@ import React from 'react' | ||
onTouchStart={this.props.onClick} | ||
onTouchEnd={this._touchEnd} > | ||
onTouchEnd={this._touchEnd.bind(this)} > | ||
<img | ||
@@ -303,3 +303,3 @@ className={this.props.server ? 'loaded' : null} | ||
onTouchStart={this.slideToIndex.bind(this, index)} | ||
onTouchEnd={this._touchEnd} | ||
onTouchEnd={this._touchEnd.bind(this)} | ||
onClick={this._wrapClick(this.slideToIndex.bind(this, index))}> | ||
@@ -324,3 +324,3 @@ | ||
onTouchStart={this.slideToIndex.bind(this, index)} | ||
onTouchEnd={this._touchEnd} | ||
onTouchEnd={this._touchEnd.bind(this)} | ||
onClick={this._wrapClick(this.slideToIndex.bind(this, index))}> | ||
@@ -347,3 +347,3 @@ </li> | ||
onTouchStart={swipePrev} | ||
onTouchEnd={this._touchEnd} | ||
onTouchEnd={this._touchEnd.bind(this)} | ||
onClick={this._wrapClick(swipePrev)}/>, | ||
@@ -354,3 +354,3 @@ <a | ||
onTouchStart={swipeNext} | ||
onTouchEnd={this._touchEnd} | ||
onTouchEnd={this._touchEnd.bind(this)} | ||
onClick={this._wrapClick(swipeNext)}/> | ||
@@ -357,0 +357,0 @@ ], |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
1283932
125