File tree 2 files changed +6
-10
lines changed
2 files changed +6
-10
lines changed Original file line number Diff line number Diff line change @@ -35,10 +35,6 @@ npm install react-image-gallery
35
35
36
36
# CSS
37
37
@import "~react-image-gallery/styles/css/image-gallery.css";
38
-
39
- # Stylesheet with no icons
40
- node_modules/react-image-gallery/styles/scss/image-gallery-no-icon.scss
41
- node_modules/react-image-gallery/styles/css/image-gallery-no-icon.css
42
38
```
43
39
44
40
### Example
@@ -110,8 +106,8 @@ class MyGallery extends React.Component {
110
106
* ` autoPlay ` : Boolean, default ` false `
111
107
* ` disableThumbnailScroll ` : Boolean, default ` false `
112
108
* disables the thumbnail container from adjusting
113
- * ` disableArrowKeys ` : Boolean, default ` false `
114
- * disables keydown listener for left and right keyboard arrow keys
109
+ * ` disableKeyDown ` : Boolean, default ` false `
110
+ * disables keydown listener for keyboard shortcuts ( left arrow, right arrow, esc key)
115
111
* ` disableSwipe ` : Boolean, default ` false `
116
112
* ` onErrorImageURL ` : String, default ` undefined `
117
113
* an image src pointing to your default image if an image fails to load
Original file line number Diff line number Diff line change @@ -66,7 +66,7 @@ export default class ImageGallery extends React.Component {
66
66
showPlayButton : bool ,
67
67
showFullscreenButton : bool ,
68
68
disableThumbnailScroll : bool ,
69
- disableArrowKeys : bool ,
69
+ disableKeyDown : bool ,
70
70
disableSwipe : bool ,
71
71
useBrowserFullscreen : bool ,
72
72
preventDefaultTouchmoveEvent : bool ,
@@ -119,7 +119,7 @@ export default class ImageGallery extends React.Component {
119
119
showPlayButton : true ,
120
120
showFullscreenButton : true ,
121
121
disableThumbnailScroll : false ,
122
- disableArrowKeys : false ,
122
+ disableKeyDown : false ,
123
123
disableSwipe : false ,
124
124
useTranslate3D : true ,
125
125
isRTL : false ,
@@ -881,12 +881,12 @@ export default class ImageGallery extends React.Component {
881
881
}
882
882
883
883
handleKeyDown ( event ) {
884
- const { disableArrowKeys , useBrowserFullscreen } = this . props ;
884
+ const { disableKeyDown , useBrowserFullscreen } = this . props ;
885
885
const { isFullscreen } = this . state ;
886
886
// keep track of mouse vs keyboard usage for a11y
887
887
this . imageGallery . current . classList . remove ( 'image-gallery-using-mouse' ) ;
888
888
889
- if ( disableArrowKeys ) return ;
889
+ if ( disableKeyDown ) return ;
890
890
const LEFT_ARROW = 37 ;
891
891
const RIGHT_ARROW = 39 ;
892
892
const ESC_KEY = 27 ;
You can’t perform that action at this time.
0 commit comments