@@ -905,8 +905,7 @@ var ReactImageLightbox = React.createClass({
905905 return ;
906906 }
907907
908- var imageStyle = [ Styles . image ( this . props . animationDuration ) , baseStyle , transitionStyle ] ;
909- var fitSizes = { } ;
908+ var imageStyle = [ Styles . image , baseStyle , transitionStyle ] ;
910909 if ( this . state . zoomLevel > Constant . MIN_ZOOM_LEVEL ) {
911910 imageStyle . push ( { cursor : 'move' } ) ;
912911 }
@@ -998,7 +997,7 @@ var ReactImageLightbox = React.createClass({
998997 React . createElement (
999998 'div' ,
1000999 { // Floating modal with closing animations
1001- className : " outer" + ( this . state . isClosing ? ' closing' : '' ) ,
1000+ className : ' outer' + ( this . state . isClosing ? ' closing' : '' ) ,
10021001 onWheel : this . handleOuterMousewheel ,
10031002 onMouseMove : this . handleOuterMouseMove ,
10041003 onMouseDown : this . handleOuterMouseDown ,
@@ -1143,15 +1142,13 @@ var styles = {
11431142 bottom : 0
11441143 } ,
11451144
1146- image : function image ( duration ) {
1147- return {
1148- position : 'absolute' ,
1149- top : 0 ,
1150- bottom : 0 ,
1151- margin : 'auto' ,
1152- maxWidth : '100%' ,
1153- maxHeight : '100%'
1154- } ;
1145+ image : {
1146+ position : 'absolute' ,
1147+ top : 0 ,
1148+ bottom : 0 ,
1149+ margin : 'auto' ,
1150+ maxWidth : '100%' ,
1151+ maxHeight : '100%'
11551152 } ,
11561153 imagePrev : {
11571154 left : '-100%' ,
@@ -1163,7 +1160,7 @@ var styles = {
11631160 } ,
11641161 imageCurrent : function imageCurrent ( zoomRatio , offsetX , offsetY ) {
11651162 return {
1166- transform : 'scale (' + zoomRatio + ') ' ,
1163+ transform : 'scale3d (' + zoomRatio + ',' + zoomRatio + ',1 ) ',
11671164 left : - 1 * offsetX ,
11681165 right : offsetX ,
11691166 top : - 1 * offsetY ,
0 commit comments