react-cloudimage-responsive
Advanced tools
Comparing version 1.3.5 to 1.3.6
@@ -138,3 +138,3 @@ var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); | ||
value: function componentDidUpdate(prevProps) { | ||
if (prevProps.config.innerWidth !== this.props.config.innerWidth) this.processImage(); | ||
if (prevProps.config.innerWidth !== this.props.config.innerWidth || this.props.src !== prevProps.src) this.processImage(); | ||
} | ||
@@ -141,0 +141,0 @@ }, { |
@@ -123,3 +123,2 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; | ||
var groups = string.match(/(([a-z_][a-z_]*)|(\([\S\s]*\)))\s*([0-9xp]*)/); | ||
var media = groups[3] ? groups[3] : config.presets[groups[2]]; | ||
@@ -126,0 +125,0 @@ |
{ | ||
"name": "react-cloudimage-responsive", | ||
"version": "1.3.5", | ||
"version": "1.3.6", | ||
"main": "dist/index.js", | ||
@@ -5,0 +5,0 @@ "description": "Cloudimage Responsive will smartly resize, compress and accelerate images across the World in your site for all devices. The plugin supports lazy loading technique with fancy animation on image load.", |
@@ -1,2 +0,2 @@ | ||
[](https://github.com/scaleflex/react-cloudimage-responsive/releases) | ||
[](https://github.com/scaleflex/react-cloudimage-responsive/releases) | ||
[](https://www.cloudimage.io/en/home#b38181a6-b9c8-4015-9742-7b1a1ad382d5) | ||
@@ -182,4 +182,8 @@ [](#contributing) | ||
Placeholder colored background while the image is loading | ||
Placeholder colored background while the image is loading or use it to set your custom placeholder image or gif | ||
for example | ||
```placeholderBackground: "url('https://scaleflex.airstore.io/filerobot/red-loader.gif') 50% 50% no-repeat"``` | ||
### presets | ||
@@ -344,2 +348,3 @@ | ||
* [Angular Cloudimage Responsive](https://github.com/scaleflex/ng-cloudimage-responsive) | ||
* [JS Cloudimage 360 view](https://github.com/scaleflex/js-cloudimage-360-view) | ||
* [Image Editor](https://github.com/scaleflex/filerobot-image-editor) | ||
@@ -346,0 +351,0 @@ * [Uploader](https://github.com/scaleflex/filerobot-uploader) |
38392
358