Merge branch 'master' of https://github.com/scaleflex/js-cloudimage-responsive

Author: amrw-js

Diff for: README-BLUR-HASH.md

@@ -40,7 +40,7 @@
 		•
 		<a href="https://scaleflex.cloudimg.io/v7/plugins/js-cloudimage-responsive/demo/blur-hash/index.html?func=proxy" target="_blank">Demo</a>
 		•
-		<a href="https://codesandbox.io/s/js-cloudimage-responsive-example-blur-hash-jczsym" target="_blank">Code Sandbox</a>
+		<a href="https://codesandbox.io/s/js-cloudimage-responsive-example-blur-hash-bjxkev" target="_blank">Code Sandbox</a>
 		•
 		<a href="https://medium.com/@dmitry_82269/responsive-images-in-2019-now-easier-than-ever-b76e5a43c074" target="_blank">Why?</a>
 	</strong>
@@ -196,7 +196,7 @@ NOTE:
 
 "ci-blur-hash" is A very compact representation of a placeholder for an image. <a href="https://github.com/woltapp/blurhash">read more</a>
 
-<a href="https://codesandbox.io/s/js-cloudimage-responsive-blur-hash-f0r2w2"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="edeit in codesandbox"/></a>
+<a href="https://codesandbox.io/s/js-cloudimage-responsive-example-blur-hash-k35ttt"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="edit in codesandbox"/></a>
 
 ### background image
 
@@ -206,7 +206,7 @@ Use the `ci-bg-url` instead of CSS background-image property `background-image:
 <div ci-bg-url="magnus-lindvall.jpg"></div>
 ```
 
-<a href="https://codesandbox.io/s/js-cloudimage-responsive-blur-hash-9howpv"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="edeit in codesandbox"/></a>
+<a href="https://codesandbox.io/s/js-cloudimage-responsive-example-blur-hash-bx3c3o"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="edit in codesandbox"/></a>
 
 ## <a name="prevent_styles"></a>Step 4: Prevent seeing broken images
 
@@ -513,7 +513,7 @@ To see the full cloudimage documentation [click here](https://docs.cloudimage.io
 
 If set to true, the plugin will only add query parameters to the provided image source URL.
 
-<a href="https://codesandbox.io/s/js-cloudimage-responsive-blur-hash-10uxe4"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="edit in codesandbox"/></a>
+<a href="https://codesandbox.io/s/js-cloudimage-responsive-example-blur-hash-rp524l"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="edit in codesandbox"/></a>
 ### ci-not-lazy (or data-ci-not-lazy)
 
 ###### Type: **Bool**
@@ -527,7 +527,7 @@ Lazy loading is not included into js-cloudimage-responsive by default. If you [e
 The example below uses [lazysizes](https://github.com/aFarkas/lazysizes)
 library using Intersection Observer API.
 
-[Code Sandbox example](https://codesandbox.io/s/js-cloudimage-responsive-example-blur-hash-jczsym)
+[Code Sandbox example](https://codesandbox.io/s/js-cloudimage-responsive-example-blur-hash-bjxkev)
 
 add the following scripts right after js-cloudimage-responsive script
 

Diff for: README-PLAIN.md

@@ -38,7 +38,7 @@
 		•
 		<a href="https://scaleflex.cloudimg.io/v7/plugins/js-cloudimage-responsive/demo/plain/index.html?func=proxy" target="_blank">Demo</a>
 		•
-		<a href="https://codesandbox.io/s/js-cloudimage-responsive-plain-e3rm8n" target="_blank">Code Sandbox</a>
+		<a href="https://codesandbox.io/s/js-cloudimage-responsive-example-plain-53c873" target="_blank">Code Sandbox</a>
 		•
 		<a href="https://medium.com/@dmitry_82269/responsive-images-in-2019-now-easier-than-ever-b76e5a43c074" target="_blank">Why?</a>
 	</strong>
@@ -182,7 +182,7 @@ Finally, just use the `ci-src` instead of the `src` attribute in image tag:
 <img ci-src="magnus-lindvall.jpg"/>
 ```
 
-<a href="https://codesandbox.io/s/js-cloudimage-responsive-plain-dbn2p2"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="edeit in codesandbox"/></a>
+<a href="https://codesandbox.io/s/js-cloudimage-responsive-example-plain-lmbq1m"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="edeit in codesandbox"/></a>
 
 ### background image
 
@@ -192,7 +192,7 @@ Use the `ci-bg-url` instead of CSS background-image property `background-image:
 <div ci-bg-url="magnus-lindvall.jpg"></div>
 ```
 
-<a href="https://codesandbox.io/s/js-cloudimage-responsive-plain-0z7bjl"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="edeit in codesandbox"/></a>
+<a href="https://codesandbox.io/s/js-cloudimage-responsive-example-plain-k4kxm8"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="edeit in codesandbox"/></a>
 
 ## <a name="prevent_styles"></a>Step 4: Prevent seeing broken images
 
@@ -490,7 +490,7 @@ detect the width of image container and set the image size accordingly. This is
 
 If set to true, the plugin will only add query parameters to the provided image source URL.
 
-<a href="https://codesandbox.io/s/js-cloudimage-responsive-plain-gtwwtt"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="edit in codesandbox"/></a>
+<a href="https://codesandbox.io/s/js-cloudimage-responsive-plain-yo062m"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="edit in codesandbox"/></a>
 
 ### ci-not-lazy (or data-ci-not-lazy)
 
@@ -505,7 +505,7 @@ Lazy loading is not included into js-cloudimage-responsive by default. If you [e
 The example below uses [lazysizes](https://github.com/aFarkas/lazysizes)
 library using Intersection Observer API.
 
-[Code Sandbox example](https://codesandbox.io/s/js-cloudimage-responsive-plain-e3rm8n)
+[Code Sandbox example](https://codesandbox.io/s/js-cloudimage-responsive-example-plain-53c873)
 
 add the following scripts right after js-cloudimage-responsive script
 

Diff for: README.md

@@ -39,7 +39,7 @@
     •
 		<a href="https://scaleflex.github.io/js-cloudimage-responsive/" target="_blank">Demo</a>
 		•
-		<a href="https://codesandbox.io/s/js-cloudimage-responsive-example-zc1ekf" target="_blank">Code Sandbox</a>
+		<a href="https://codesandbox.io/s/js-cloudimage-responsive-example-2kkbz4" target="_blank">Code Sandbox</a>
     •
 		<a href="https://medium.com/@dmitry_82269/responsive-images-in-2019-now-easier-than-ever-b76e5a43c074" target="_blank">Why?</a>
 	</strong>
@@ -194,7 +194,7 @@ Finally, just use `ci-src` instead of the `src` attribute in image tag:
 
 NOTE: setting "ci-ratio" is recommended to prevent page layout jumping. The parameter is used to calculate the image height to hold the image position while the image is loading.
 
-<a href="https://codesandbox.io/s/js-cloudimage-responsive-example-p5r309"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="edit in codesandbox"/></a>
+<a href="https://codesandbox.io/s/js-cloudimage-responsive-example-05jw0k?file=/index.html"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="edit in codesandbox"/></a>
 
 ### background image
 
@@ -204,7 +204,7 @@ Use `ci-bg-url` instead of the CSS background-image property `background-image:
 <div ci-bg-url="magnus-lindvall.jpg"></div>
 ```
 
-<a href="https://codesandbox.io/s/js-cloudimage-responsive-background-v06ifw"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="edit in codesandbox"/></a>
+<a href="https://codesandbox.io/s/js-cloudimage-responsive-example-8mk13l"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="edit in codesandbox"/></a>
 
 ## <a name="configuration"></a> Configuration
 
@@ -517,7 +517,7 @@ To see the full Cloudimage documentation, [click here](https://docs.cloudimage.i
 
 If set to true, the plugin will only add query parameters to the provided image source URL.
 
-<a href="https://codesandbox.io/s/js-cloudimage-responsive-86inco"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="edit in codesandbox"/></a>
+<a href="https://codesandbox.io/s/js-cloudimage-responsive-wflh27"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="edit in codesandbox"/></a>
 
 ### ci-not-lazy (or data-ci-not-lazy)
 
@@ -532,7 +532,7 @@ Lazy loading is not included into js-cloudimage-responsive by default. If you [e
 The example below uses the [lazysizes](https://github.com/aFarkas/lazysizes)
 library using Intersection Observer API.
 
-[Code Sandbox example](https://codesandbox.io/s/js-cloudimage-responsive-example-zc1ekf)
+[Code Sandbox example](https://codesandbox.io/s/js-cloudimage-responsive-example-2kkbz4)
 
 add the following scripts right after js-cloudimage-responsive script