4.9.5 — add initOnClick, update docs and CDN links

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: dzmitry-stramavus

CHANGELOG.md

@@ -29,6 +29,15 @@ Types of changes:
 
 ---
 
+## 4.9.5 - 2026-03-22
+
+### Added
+
+- `initOnClick` property (`data-init-on-click`) — defers image loading until the user clicks on the viewer, showing a first-frame preview with a click overlay. Useful for pages with multiple 360 viewers in a grid
+- Inner dot styling for product (non-navigation) hotspot markers
+
+---
+
 ## 4.9.4 - 2026-03-21
 
 ### Added

README.md

@@ -101,7 +101,7 @@ Add the library via CDN and create your first 360 viewer in seconds:
 
 ```html
 <!-- Add the library (CSS is auto-injected) -->
-<script src="https://scaleflex.cloudimg.io/v7/plugins/js-cloudimage-360-view/4.9.4/js-cloudimage-360-view.min.js?vh=32f739&func=proxy"></script>
+<script src="https://scaleflex.cloudimg.io/v7/plugins/js-cloudimage-360-view/4.9.5/js-cloudimage-360-view.min.js?vh=32f739&func=proxy"></script>
 
 <!-- Create a container with data attributes -->
 <div
@@ -125,7 +125,7 @@ Add the library via CDN and create your first 360 viewer in seconds:
 ### Option 1: CDN (Recommended for Quick Setup)
 
 ```html
-<script src="https://scaleflex.cloudimg.io/v7/plugins/js-cloudimage-360-view/4.9.4/js-cloudimage-360-view.min.js?vh=32f739&func=proxy"></script>
+<script src="https://scaleflex.cloudimg.io/v7/plugins/js-cloudimage-360-view/4.9.5/js-cloudimage-360-view.min.js?vh=32f739&func=proxy"></script>
 ```
 
 > **Note:** CSS is automatically injected by the script - no separate stylesheet needed.

codesandbox/vanilla/index.html

@@ -163,7 +163,7 @@ <h2>Programmatic Control</h2>
       </div>
     </div>
 
-    <script src="https://scaleflex.cloudimg.io/v7/plugins/js-cloudimage-360-view/4.9.4/js-cloudimage-360-view.min.js?vh=32f739&func=proxy"></script>
+    <script src="https://scaleflex.cloudimg.io/v7/plugins/js-cloudimage-360-view/4.9.5/js-cloudimage-360-view.min.js?vh=32f739&func=proxy"></script>
     <script>
       // Initialize all declarative viewers
       const ci360 = new CI360();

package.json

@@ -1,6 +1,6 @@
 {
   "name": "js-cloudimage-360-view",
-  "version": "4.9.4",
+  "version": "4.9.5",
   "main": "dist/js-cloudimage-360-view.min.js",
   "types": "src/types/ci360.d.ts",
   "files": [