Skip to content

Commit 0ee2ddb

Browse files
amrw-jsamrw-js
committed
Chore: Release v4.8.10
1 parent b2d45dc commit 0ee2ddb

18 files changed

+65
-60
lines changed

Diff for: ‎CHANGELOG.md

+4
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,10 @@ Types of changes:
2525
- ...
2626

2727
-------------
28+
## 4.8.10 - 2022-04-25
29+
### Fixed
30+
- Image width (w) param.
31+
2832
## 4.8.9 - 2022-04-25
2933
### Changed
3034
- update documentation

Diff for: ‎README-BLUR-HASH.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
[![Release](https://img.shields.io/badge/release-v4.8.9-blue.svg)](https://github.com/scaleflex/js-cloudimage-responsive/releases)
1+
[![Release](https://img.shields.io/badge/release-v4.8.10-blue.svg)](https://github.com/scaleflex/js-cloudimage-responsive/releases)
22
[![Free plan](https://img.shields.io/badge/price-includes%20free%20plan-green.svg)](https://www.cloudimage.io/en/home#b38181a6-b9c8-4015-9742-7b1a1ad382d5)
33
[![Contributions welcome](https://img.shields.io/badge/contributions-welcome-orange.svg)](#contributing)
44
[![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)
@@ -145,7 +145,7 @@ You have to pay attention on the following things:
145145
Add script tag with CDN link to js-cloudimage-responsive
146146

147147
```javascript
148-
<script src="https://cdn.scaleflex.it/plugins/js-cloudimage-responsive/4.8.9/blur-hash/js-cloudimage-responsive.min.js"></script>
148+
<script src="https://cdn.scaleflex.it/plugins/js-cloudimage-responsive/4.8.10/blur-hash/js-cloudimage-responsive.min.js"></script>
149149
```
150150

151151
or using npm
@@ -537,7 +537,7 @@ add the following scripts right after js-cloudimage-responsive script
537537
window.lazySizesConfig = window.lazySizesConfig || {};
538538
window.lazySizesConfig.init = false;
539539
</script>
540-
<script src="https://cdn.scaleflex.it/plugins/js-cloudimage-responsive/4.8.9/blur-hash/js-cloudimage-responsive.min.js"></script>
540+
<script src="https://cdn.scaleflex.it/plugins/js-cloudimage-responsive/4.8.10/blur-hash/js-cloudimage-responsive.min.js"></script>
541541
<script src="https://cdn.scaleflex.it/filerobot/js-cloudimage-responsive/lazysizes.min.js"></script>
542542
```
543543

Diff for: ‎README-PLAIN.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
[![Release](https://img.shields.io/badge/release-v4.8.9-blue.svg)](https://github.com/scaleflex/js-cloudimage-responsive/releases)
1+
[![Release](https://img.shields.io/badge/release-v4.8.10-blue.svg)](https://github.com/scaleflex/js-cloudimage-responsive/releases)
22
[![Free plan](https://img.shields.io/badge/price-includes%20free%20plan-green.svg)](https://www.cloudimage.io/en/home#b38181a6-b9c8-4015-9742-7b1a1ad382d5)
33
[![Contributions welcome](https://img.shields.io/badge/contributions-welcome-orange.svg)](#contributing)
44
[![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)
@@ -144,7 +144,7 @@ This version of plugin doesn't add any CSS or change layout thus no effect on yo
144144
Add script tag with CDN link to js-cloudimage-responsive
145145

146146
```javascript
147-
<script src="https://cdn.scaleflex.it/plugins/js-cloudimage-responsive/4.8.9/plain/js-cloudimage-responsive.min.js"></script>
147+
<script src="https://cdn.scaleflex.it/plugins/js-cloudimage-responsive/4.8.10/plain/js-cloudimage-responsive.min.js"></script>
148148
```
149149

150150
or using npm
@@ -522,7 +522,7 @@ add the following scripts right after js-cloudimage-responsive script
522522
window.lazySizesConfig = window.lazySizesConfig || {};
523523
window.lazySizesConfig.init = false;
524524
</script>
525-
<script src="https://cdn.scaleflex.it/plugins/js-cloudimage-responsive/4.8.9/plain/js-cloudimage-responsive.min.js"></script>
525+
<script src="https://cdn.scaleflex.it/plugins/js-cloudimage-responsive/4.8.10/plain/js-cloudimage-responsive.min.js"></script>
526526
<script src="https://cdn.scaleflex.it/filerobot/js-cloudimage-responsive/lazysizes.min.js"></script>
527527
```
528528

Diff for: ‎README.md

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
[![Release](https://img.shields.io/badge/release-v4.8.9-blue.svg)](https://github.com/scaleflex/js-cloudimage-responsive/releases)
1+
[![Release](https://img.shields.io/badge/release-v4.8.10-blue.svg)](https://github.com/scaleflex/js-cloudimage-responsive/releases)
22
[![Free plan](https://img.shields.io/badge/price-includes%20free%20plan-green.svg)](https://www.cloudimage.io/en/home#b38181a6-b9c8-4015-9742-7b1a1ad382d5)
33
[![Contributions welcome](https://img.shields.io/badge/contributions-welcome-orange.svg)](#contributing)
44
[![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)
@@ -148,13 +148,13 @@ You have to pay attention to the following things:
148148
Add a style tag with CDN link to js-cloudimage-responsive in the head of your site
149149

150150
```javascript
151-
<link rel="stylesheet" href="https://cdn.scaleflex.it/plugins/js-cloudimage-responsive/4.8.9/js-cloudimage-responsive.min.css?vh=a076ef&func=proxy"></link>
151+
<link rel="stylesheet" href="https://cdn.scaleflex.it/plugins/js-cloudimage-responsive/4.8.10/js-cloudimage-responsive.min.css?vh=a076ef&func=proxy"></link>
152152
```
153153

154154
Add a script tag with CDN link to js-cloudimage-responsive
155155

156156
```javascript
157-
<script src="https://cdn.scaleflex.it/plugins/js-cloudimage-responsive/4.8.9/js-cloudimage-responsive.min.js"></script>
157+
<script src="https://cdn.scaleflex.it/plugins/js-cloudimage-responsive/4.8.10/js-cloudimage-responsive.min.js"></script>
158158
```
159159

160160
or using npm
@@ -549,7 +549,7 @@ add the following scripts right after js-cloudimage-responsive script
549549
window.lazySizesConfig = window.lazySizesConfig || {};
550550
window.lazySizesConfig.init = false;
551551
</script>
552-
<script src="https://cdn.scaleflex.it/plugins/js-cloudimage-responsive/4.8.9/js-cloudimage-responsive.min.js"></script>
552+
<script src="https://cdn.scaleflex.it/plugins/js-cloudimage-responsive/4.8.10/js-cloudimage-responsive.min.js"></script>
553553
<script src="https://cdn.scaleflex.it/filerobot/js-cloudimage-responsive/lazysizes.min.js"></script>
554554
```
555555

Diff for: ‎README_v6.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
[![Release](https://img.shields.io/badge/release-v4.8.9-blue.svg)](https://github.com/scaleflex/js-cloudimage-responsive/releases)
1+
[![Release](https://img.shields.io/badge/release-v4.8.10-blue.svg)](https://github.com/scaleflex/js-cloudimage-responsive/releases)
22
[![Free plan](https://img.shields.io/badge/price-includes%20free%20plan-green.svg)](https://www.cloudimage.io/en/home#b38181a6-b9c8-4015-9742-7b1a1ad382d5)
33
[![Contributions welcome](https://img.shields.io/badge/contributions-welcome-orange.svg)](#contributing)
44
[![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)

Diff for: ‎build/blur-hash/js-cloudimage-responsive.min.js

+3-3
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

Diff for: ‎build/blur-hash/js-cloudimage-responsive.min.js.map

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

Diff for: ‎build/low-preview/js-cloudimage-responsive.min.css

+2-2
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

Diff for: ‎build/low-preview/js-cloudimage-responsive.min.js

+3-3
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

Diff for: ‎build/plain/js-cloudimage-responsive.min.js

+3-3
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

Diff for: ‎build/plain/js-cloudimage-responsive.min.js.map

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

Diff for: ‎build/wp/js-cloudimage-responsive.min.js

+3-3
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

Diff for: ‎build/wp/js-cloudimage-responsive.min.js.map

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

Diff for: ‎examples/blur-hash/src/index.html

+3-3
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
<link rel="icon" type="image/png" href="https://cdn.jolipage.co/5c1376c5-e4cd-4250-b760-4c810d7f5fdd/fdf058fa-5faf-4c83-bffa-4faa42b6d252/dc8ef1f26116405e2b275c5020ad8ce1ac071f86bf2134f143c23e692e396f76.png?vh=3632c0">
1313
<link
1414
rel="stylesheet"
15-
href="https://cdn.scaleflex.it/plugins/js-cloudimage-responsive/4.8.9/js-cloudimage-responsive.min.css?vh=a076ef&func=proxy"/></link>
15+
href="https://cdn.scaleflex.it/plugins/js-cloudimage-responsive/4.8.10/js-cloudimage-responsive.min.css?vh=a076ef&func=proxy"/></link>
1616
<title>JS Cloudimage Responsive</title>
1717
</head>
1818

@@ -89,7 +89,7 @@ <h2 class="content-text">
8989
<div class="sea-coast container">
9090
<img
9191
id="hero-section-image"
92-
ci-params="ci_info=1"
92+
ci-params="ci_info=2"
9393
ci-src="Main+image.jpg?vh=a1983b"
9494
ci-blur-hash="LdHL_0-qIUSQyGkBofo$SkaeRiRk"
9595
alt="sea-coast"
@@ -488,7 +488,7 @@ <h2>Ready to get started?</h2>
488488
&lt;<span class="yellow-color">script src</span>="<span class="blue-color">"https://cdn.scaleflex.it/filerobot/js-cloudimage-responsive/lazysizes.min.js"</span>>&lt;/<span class="yellow-color">script</span>>
489489

490490
<span class="gray-color">// main core</span>
491-
&lt;<span class="yellow-color">script src</span>="<span class="blue-color">https://cdn.scaleflex.it/plugins/js-cloudimage-responsive/4.8.9/blur-hash/js-cloudimage-responsive.min.js</span>">&lt;/<span class="yellow-color">script</span>>
491+
&lt;<span class="yellow-color">script src</span>="<span class="blue-color">https://cdn.scaleflex.it/plugins/js-cloudimage-responsive/4.8.10/blur-hash/js-cloudimage-responsive.min.js</span>">&lt;/<span class="yellow-color">script</span>>
492492
</pre>
493493
</div>
494494

Diff for: ‎examples/low-preview/src/index.html

+22-21
Original file line numberDiff line numberDiff line change
@@ -9,10 +9,10 @@
99
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap"
1010
rel="stylesheet"
1111
/>
12-
<link rel="icon" type="image/png" href="https://cdn.jolipage.co/5c1376c5-e4cd-4250-b760-4c810d7f5fdd/fdf058fa-5faf-4c83-bffa-4faa42b6d252/dc8ef1f26116405e2b275c5020ad8ce1ac071f86bf2134f143c23e692e396f76.png?vh=3632c0">
12+
<link rel="icon" type="image/png" href="https://cdn.jolipage.co/5c1376c5-e4cd-4250-b760-4c810d7f5fdd/fdf058fa-5faf-4c83-bffa-4faa42b6d252/dc8ef1f26116405e2b275c5020ad8ce1ac071f86bf2134f143c23e692e396f76.png">
1313
<link
1414
rel="stylesheet"
15-
href="https://cdn.scaleflex.it/plugins/js-cloudimage-responsive/4.8.9/js-cloudimage-responsive.min.css?vh=a076ef&func=proxy"/></link>
15+
href="https://cdn.scaleflex.it/plugins/js-cloudimage-responsive/4.8.10/js-cloudimage-responsive.min.css?func=proxy"/></link>
1616
<title>JS Cloudimage Responsive</title>
1717
</head>
1818

@@ -21,7 +21,7 @@
2121
<header class="header">
2222
<div class="header-logo">
2323
<a href="https://www.scaleflex.com/en/home" target="_blank">
24-
<img src="https://scaleflex.cloudimg.io/v7/demo/cloudimage-responsive-demo/Logo.svg?vh=6276cc" alt="scaleflex logo" />
24+
<img src="https://scaleflex.cloudimg.io/v7/demo/cloudimage-responsive-demo/Logo.svg" alt="scaleflex logo" />
2525
</a>
2626
<a
2727
class="cloud-img-title"
@@ -89,9 +89,9 @@ <h2 class="content-text">
8989
<div class="sea-coast container">
9090
<img
9191
id="hero-section-image"
92-
ci-params="ci_info=1"
93-
ci-src="Main+image.jpg?vh=a1983b"
94-
alt="sea-coast"
92+
ci-params="ci_info=2"
93+
ci-src="Main+image.jpg"
94+
alt="sea-coast"
9595
/>
9696
<div class="image-size-wrapper">
9797
<p class="text">
@@ -180,15 +180,15 @@ <h2>How it works</h2>
180180
<div class="demo-gallery-title">
181181
<h2>Responsive images, in real-time!</h2>
182182
<p class="demo-gallery-text">
183-
Change the size of your browser's window to
184-
test out how the Cloudimage Responsive plugin delivers
183+
Change the size of your browser's window to
184+
test out how the Cloudimage Responsive plugin delivers
185185
an optimized image for your screen size
186186
</p>
187187
</div>
188188
<div class="image-wrapper">
189189
<div class="first-column-image">
190190
<img
191-
ci-src="House+img.jpg?vh=25e04c"
191+
ci-src="House+img.jpg"
192192
alt="img"
193193
id="left-column-image"
194194
ci-params="ci_info=2"
@@ -203,7 +203,7 @@ <h2>Responsive images, in real-time!</h2>
203203
<div class="square-with-circle-img">
204204
<div class="second-column-image hide-in-mobile">
205205
<img
206-
ci-src="Church+square+img.jpg?vh=d8a035"
206+
ci-src="Church+square+img.jpg"
207207
alt="img"
208208
id="right-column-first-image"
209209
ci-params="ci_info=2"
@@ -217,7 +217,7 @@ <h2>Responsive images, in real-time!</h2>
217217
<div class="circle-image-wrapper">
218218
<img
219219
class="ellipse-image"
220-
ci-src="Girl+img.jpg?vh=ad5847"
220+
ci-src="Girl+img.jpg"
221221
alt="img"
222222
ci-params="w=265&h=265&gravity=north"
223223
id="right-column-second-image"
@@ -235,7 +235,7 @@ <h2>Responsive images, in real-time!</h2>
235235
<div class="horizontal-image">
236236
<img
237237
id="first-horizontal-image"
238-
ci-src="Dresses+img.jpg?vh=59404a"
238+
ci-src="Dresses+img.jpg"
239239
alt="img"
240240
ci-params="ci_info=2"
241241
/>
@@ -249,7 +249,7 @@ <h2>Responsive images, in real-time!</h2>
249249
</div>
250250
<div class="mobile-screen-horizontal-image">
251251
<img
252-
ci-src="Dresses+img.jpg?vh=59404a"
252+
ci-src="Dresses+img.jpg"
253253
alt="img"
254254
id="second-horizontal-image"
255255
ci-params="ci_info=2"
@@ -275,7 +275,7 @@ <h3>Original Image</h3>
275275
<p>Resize your browser's window to see how it works.</p>
276276
<img
277277
ci-params="func=fit&w=400&h=400&bg_colour=f2f7fa"
278-
ci-src="shayna-douglas-VibRcV8tMDM-unsplash.jpg?vh=feb096"
278+
ci-src="shayna-douglas-VibRcV8tMDM-unsplash.jpg"
279279
alt="car-image"
280280
/>
281281
<pre class="original-image-code-block">
@@ -290,7 +290,7 @@ <h3>Simple Crop</h3>
290290
A simple crop cuts the same part from every side.
291291
</p>
292292
<img
293-
ci-src="shayna-douglas-VibRcV8tMDM-unsplash.jpg?vh=feb096"
293+
ci-src="shayna-douglas-VibRcV8tMDM-unsplash.jpg"
294294
ci-params="func=crop&w=400&h=400"
295295
alt="unsplash-image"
296296
/>
@@ -309,7 +309,7 @@ <h3>Auto Crop</h3>
309309
</p>
310310
<img
311311
ci-params="w=400&h=400&func=crop&gravity=auto"
312-
ci-src="shayna-douglas-VibRcV8tMDM-unsplash.jpg?vh=feb096"
312+
ci-src="shayna-douglas-VibRcV8tMDM-unsplash.jpg"
313313
alt="car-image"
314314
/>
315315
<pre class="original-image-code-block">
@@ -325,7 +325,7 @@ <h3>Auto Crop</h3>
325325

326326
<section
327327
class="background-images-section"
328-
ci-bg-url="BG+image.jpg?vh=397cef"
328+
ci-bg-url="BG+image.jpg"
329329
>
330330
<div class="images-content">
331331
<h2>Use with background images</h2>
@@ -479,7 +479,7 @@ <h2>Ready to get started?</h2>
479479
&lt;<span class="yellow-color">script src</span>="<span class="blue-color">"https://cdn.scaleflex.it/filerobot/js-cloudimage-responsive/lazysizes.min.js"</span>>&lt;/<span class="yellow-color">script</span>>
480480

481481
<span class="gray-color">// main core</span>
482-
&lt;<span class="yellow-color">script src</span>="<span class="blue-color">https://cdn.scaleflex.it/plugins/js-cloudimage-responsive/4.8.9/js-cloudimage-responsive.min.js</span>">&lt;/<span class="yellow-color">script</span>>
482+
&lt;<span class="yellow-color">script src</span>="<span class="blue-color">https://cdn.scaleflex.it/plugins/js-cloudimage-responsive/4.8.10/js-cloudimage-responsive.min.js</span>">&lt;/<span class="yellow-color">script</span>>
483483
</pre>
484484
</div>
485485

@@ -650,7 +650,7 @@ <h2>Any questions?</h2>
650650
<div class="accordion-content" data-accordion-content="1">
651651
<div class="footer-filerobot-content">
652652
<a
653-
href="https://scaleflex.cloudimg.io/v7/plugins/filerobot-widget/demo/index.html?vh=d6c246&func=proxy&fmaw_path=/"
653+
href="https://scaleflex.cloudimg.io/v7/plugins/filerobot-widget/demo/index.html?func=proxy&fmaw_path=/"
654654
target="_blank"
655655
>
656656
Filerobot Media Asset Widget
@@ -704,7 +704,7 @@ <h2>Any questions?</h2>
704704
</div>
705705
<div class="footer-logo">
706706
<a href="https://www.scaleflex.com/en/home" target="_blank">
707-
<img src="https://scaleflex.cloudimg.io/v7/demo/cloudimage-responsive-demo/Logo.svg?vh=6276cc" alt="scaleflex-logo" />
707+
<img src="https://scaleflex.cloudimg.io/v7/demo/cloudimage-responsive-demo/Logo.svg" alt="scaleflex-logo" />
708708
</a>
709709
<p>
710710
Made with ❤ by the
@@ -748,7 +748,7 @@ <h4>Info</h4>
748748
<h4>Filerobot UI Family</h4>
749749
<div class="footer-filerobot-content">
750750
<a
751-
href="https://scaleflex.cloudimg.io/v7/plugins/filerobot-widget/demo/index.html?vh=d6c246&func=proxy&fmaw_path=/"
751+
href="https://scaleflex.cloudimg.io/v7/plugins/filerobot-widget/demo/index.html?func=proxy&fmaw_path=/"
752752
target="_blank"
753753
>
754754
Filerobot Media Asset Widget
@@ -775,6 +775,7 @@ <h4>Filerobot UI Family</h4>
775775
</div>
776776
</div>
777777
</section>
778+
<script src="https://cdn.scaleflex.it/plugins/js-cloudimage-responsive/4.8.7/js-cloudimage-responsive.min.js"></script>
778779
<script src="https://cdn.scaleflex.it/filerobot/js-cloudimage-responsive/lazysizes.min.js"></script>
779780
</body>
780781
</html>

Diff for: ‎examples/plain/src/index.html

+3-3
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
<link rel="icon" type="image/png" href="https://cdn.jolipage.co/5c1376c5-e4cd-4250-b760-4c810d7f5fdd/fdf058fa-5faf-4c83-bffa-4faa42b6d252/dc8ef1f26116405e2b275c5020ad8ce1ac071f86bf2134f143c23e692e396f76.png?vh=3632c0">
1313
<link
1414
rel="stylesheet"
15-
href="https://cdn.scaleflex.it/plugins/js-cloudimage-responsive/4.8.9/js-cloudimage-responsive.min.css?vh=a076ef&func=proxy"/></link>
15+
href="https://cdn.scaleflex.it/plugins/js-cloudimage-responsive/4.8.10/js-cloudimage-responsive.min.css?vh=a076ef&func=proxy"/></link>
1616
<title>JS Cloudimage Responsive</title>
1717
</head>
1818

@@ -89,7 +89,7 @@ <h2 class="content-text">
8989
<div class="sea-coast container">
9090
<img
9191
id="hero-section-image"
92-
ci-params="ci_info=1"
92+
ci-params="ci_info=2"
9393
ci-src="Main+image.jpg?vh=a1983b"
9494
alt="sea-coast"
9595
/>
@@ -479,7 +479,7 @@ <h2>Ready to get started?</h2>
479479
&lt;<span class="yellow-color">script src</span>="<span class="blue-color">"https://cdn.scaleflex.it/filerobot/js-cloudimage-responsive/lazysizes.min.js"</span>>&lt;/<span class="yellow-color">script</span>>
480480

481481
<span class="gray-color">// main core</span>
482-
&lt;<span class="yellow-color">script src</span>="<span class="blue-color">https://cdn.scaleflex.it/plugins/js-cloudimage-responsive/4.8.9/js-cloudimage-responsive.min.js</span>">&lt;/<span class="yellow-color">script</span>>
482+
&lt;<span class="yellow-color">script src</span>="<span class="blue-color">https://cdn.scaleflex.it/plugins/js-cloudimage-responsive/4.8.10/js-cloudimage-responsive.min.js</span>">&lt;/<span class="yellow-color">script</span>>
483483
</pre>
484484
</div>
485485

0 commit comments

Comments
 (0)