js-cloudimage-360-view 4.1.0-beta.0 → 4.1.2
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 +9 -15
- package/dist/js-cloudimage-360-view.min.js +9 -2674
- package/package.json +4 -5
- package/dist/js-cloudimage-360-view.min.css +0 -1
package/README.md
CHANGED
|
@@ -30,8 +30,9 @@
|
|
|
30
30
|
|
|
31
31
|
<p align="center">
|
|
32
32
|
<a href="https://scaleflex.github.io/js-cloudimage-360-view/">View Demo</a> ·
|
|
33
|
-
<a href="https://
|
|
34
|
-
<a href="https://
|
|
33
|
+
<a href="https://codesandbox.io/p/sandbox/github/scaleflex/js-cloudimage-360-view/tree/master/codesandbox/react">React CodeSandbox</a> ·
|
|
34
|
+
<a href="https://codesandbox.io/p/sandbox/github/scaleflex/js-cloudimage-360-view/tree/master/codesandbox/vanilla">Vanilla CodeSandbox</a> ·
|
|
35
|
+
<a href="https://github.com/scaleflex/js-cloudimage-360-view/issues">Report Bug</a>
|
|
35
36
|
</p>
|
|
36
37
|
|
|
37
38
|
---
|
|
@@ -96,8 +97,7 @@ JS Cloudimage 360 View enables you to create stunning, interactive 360-degree pr
|
|
|
96
97
|
Add the library via CDN and create your first 360 viewer in seconds:
|
|
97
98
|
|
|
98
99
|
```html
|
|
99
|
-
<!-- Add CSS
|
|
100
|
-
<link rel="stylesheet" href="https://scaleflex.cloudimg.io/v7/plugins/js-cloudimage-360-view/latest/js-cloudimage-360-view.min.css">
|
|
100
|
+
<!-- Add the library (CSS is auto-injected) -->
|
|
101
101
|
<script src="https://scaleflex.cloudimg.io/v7/plugins/js-cloudimage-360-view/latest/js-cloudimage-360-view.min.js"></script>
|
|
102
102
|
|
|
103
103
|
<!-- Create a container with data attributes -->
|
|
@@ -122,11 +122,10 @@ Add the library via CDN and create your first 360 viewer in seconds:
|
|
|
122
122
|
### Option 1: CDN (Recommended for Quick Setup)
|
|
123
123
|
|
|
124
124
|
```html
|
|
125
|
-
<link rel="stylesheet" href="https://scaleflex.cloudimg.io/v7/plugins/js-cloudimage-360-view/latest/js-cloudimage-360-view.min.css">
|
|
126
125
|
<script src="https://scaleflex.cloudimg.io/v7/plugins/js-cloudimage-360-view/latest/js-cloudimage-360-view.min.js"></script>
|
|
127
126
|
```
|
|
128
127
|
|
|
129
|
-
> **
|
|
128
|
+
> **Note:** CSS is automatically injected by the script - no separate stylesheet needed.
|
|
130
129
|
|
|
131
130
|
### Option 2: Package Manager
|
|
132
131
|
|
|
@@ -902,23 +901,18 @@ Version 4 introduces significant improvements in performance, customization, and
|
|
|
902
901
|
|
|
903
902
|
### Breaking Changes
|
|
904
903
|
|
|
905
|
-
#### 1. CSS
|
|
904
|
+
#### 1. CSS Handling
|
|
906
905
|
|
|
907
|
-
|
|
906
|
+
For CDN users, CSS is now auto-injected (same as v3):
|
|
908
907
|
|
|
909
908
|
```html
|
|
910
|
-
<!--
|
|
911
|
-
<script src=".../js-cloudimage-360-view.min.js"></script>
|
|
912
|
-
|
|
913
|
-
<!-- v4: Both CSS and JS required -->
|
|
914
|
-
<link rel="stylesheet" href=".../js-cloudimage-360-view.min.css">
|
|
909
|
+
<!-- v4: Just include the script -->
|
|
915
910
|
<script src=".../js-cloudimage-360-view.min.js"></script>
|
|
916
911
|
```
|
|
917
912
|
|
|
918
|
-
For npm users:
|
|
913
|
+
For npm/bundler users, import CSS separately:
|
|
919
914
|
|
|
920
915
|
```javascript
|
|
921
|
-
// v4
|
|
922
916
|
import CI360 from 'js-cloudimage-360-view';
|
|
923
917
|
import 'js-cloudimage-360-view/css';
|
|
924
918
|
```
|