js-cloudimage-360-view 4.9.4 → 4.9.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -2
- package/dist/js-cloudimage-360-view.min.js +12 -7
- package/dist/react/ci360-NRnvVDl6.js +70 -0
- package/dist/react/ci360-NRnvVDl6.js.map +1 -0
- package/dist/react/{ci360-DwDP_e0s.mjs → ci360-VASGkLhF.mjs} +1042 -1008
- package/dist/react/ci360-VASGkLhF.mjs.map +1 -0
- package/dist/react/index.cjs +1 -1
- package/dist/react/index.cjs.map +1 -1
- package/dist/react/index.d.ts +8 -1
- package/dist/react/index.js +69 -66
- package/dist/react/index.js.map +1 -1
- package/dist/react/style.css +1 -1
- package/package.json +1 -1
- package/src/react/types.d.ts +1 -0
- package/src/types/ci360.d.ts +1 -0
- package/dist/react/ci360-ChiRmGMU.js +0 -65
- package/dist/react/ci360-ChiRmGMU.js.map +0 -1
- package/dist/react/ci360-DwDP_e0s.mjs.map +0 -1
package/README.md
CHANGED
|
@@ -101,7 +101,7 @@ Add the library via CDN and create your first 360 viewer in seconds:
|
|
|
101
101
|
|
|
102
102
|
```html
|
|
103
103
|
<!-- Add the library (CSS is auto-injected) -->
|
|
104
|
-
<script src="https://scaleflex.cloudimg.io/v7/plugins/js-cloudimage-360-view/4.9.
|
|
104
|
+
<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>
|
|
105
105
|
|
|
106
106
|
<!-- Create a container with data attributes -->
|
|
107
107
|
<div
|
|
@@ -125,7 +125,7 @@ Add the library via CDN and create your first 360 viewer in seconds:
|
|
|
125
125
|
### Option 1: CDN (Recommended for Quick Setup)
|
|
126
126
|
|
|
127
127
|
```html
|
|
128
|
-
<script src="https://scaleflex.cloudimg.io/v7/plugins/js-cloudimage-360-view/4.9.
|
|
128
|
+
<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>
|
|
129
129
|
```
|
|
130
130
|
|
|
131
131
|
> **Note:** CSS is automatically injected by the script - no separate stylesheet needed.
|
|
@@ -509,6 +509,7 @@ All options can be set via JavaScript config or HTML data attributes.
|
|
|
509
509
|
| `bottomCircle` | `data-bottom-circle` | `false` | Show 360° progress indicator |
|
|
510
510
|
| `bottomCircleOffset` | `data-bottom-circle-offset` | `5` | Progress indicator offset (px) |
|
|
511
511
|
| `initialIconShown` | `data-initial-icon` | `true` | Show 360° icon on load |
|
|
512
|
+
| `initOnClick` | `data-init-on-click` | `false` | If true, images load only after the user clicks on the viewer. Shows a first-frame preview with a click overlay. Useful for grids with multiple 360 views |
|
|
512
513
|
| `lazyload` | `data-lazyload` | `true` | Enable lazy loading |
|
|
513
514
|
| `hints` | `data-hints` | `true` | Show interaction hints on load |
|
|
514
515
|
| `theme` | `data-theme` | `null` | Color theme: `'light'` or `'dark'` |
|