react-image-gallery - npm Package Compare versions

Comparing version 0.4.7 to 0.4.8

build/image-gallery.js

@@ -187,3 +187,3 @@ 'use strict';
 
-  _getAlignment: function _getAlignment(index) {
+  _getAlignmentClassName: function _getAlignmentClassName(index) {
     var currentIndex = this.state.currentIndex;
@@ -193,9 +193,9 @@ var alignment = '';
       case currentIndex - 1:
-        alignment = 'left';
+        alignment = ' left';
         break;
       case currentIndex:
-        alignment = 'center';
+        alignment = ' center';
         break;
       case currentIndex + 1:
-        alignment = 'right';
+        alignment = ' right';
         break;
@@ -207,6 +207,6 @@ }
         // set first slide as right slide if were sliding right from last slide
-        alignment = 'right';
+        alignment = ' right';
       } else if (index === this.props.items.length - 1 && currentIndex === 0) {
         // set last slide as left slide if were sliding left from first slide
-        alignment = 'left';
+        alignment = ' left';
       }
@@ -235,21 +235,21 @@ }
     this.props.items.map(function (item, index) {
-      var alignment = _this2._getAlignment(index);
+      var alignment = _this2._getAlignmentClassName(index);
+      var originalClass = item.originalClass ? ' ' + item.originalClass : '';
+      var thumbnailClass = item.thumbnailClass ? ' ' + item.thumbnailClass : '';
+
+      var slide = _react2['default'].createElement(
+        'div',
+        {
+          key: index,
+          className: 'image-gallery-slide' + alignment + originalClass },
+        _react2['default'].createElement('img', { src: item.original }),
+        item.description
+      );
+
       if (_this2.props.lazyLoad) {
         if (alignment) {
-          slides.push(_react2['default'].createElement(
-            'div',
-            {
-              key: index,
-              className: 'image-gallery-slide ' + alignment },
-            _react2['default'].createElement('img', { src: item.original })
-          ));
+          slides.push(slide);
         }
       } else {
-        slides.push(_react2['default'].createElement(
-          'div',
-          {
-            key: index,
-            className: 'image-gallery-slide ' + alignment },
-          _react2['default'].createElement('img', { src: item.original })
-        ));
+        slides.push(slide);
       }
@@ -262,3 +262,3 @@
             key: index,
-            className: 'image-gallery-thumbnail ' + (currentIndex === index ? 'active' : ''),
+            className: 'image-gallery-thumbnail' + (currentIndex === index ? ' active' : '') + thumbnailClass,
 
@@ -265,0 +265,0 @@ onTouchStart: _this2.slideToIndex.bind(_this2, index),

package.json

 {
   "name": "react-image-gallery",
-  "version": "0.4.7",
+  "version": "0.4.8",
   "description": "Image gallery component for React.JS",
@@ -5,0 +5,0 @@ "main": "./build/image-gallery",

No alert changes

Improved metrics

Total package byte prevSize

49521

0.05%

Worsened metrics

Lines of code

987

-0.2%

No dependency changes