js-cloudimage-360-view 4.1.0-beta.0 → 4.1.1
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 +6 -13
- 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
|
@@ -96,8 +96,7 @@ JS Cloudimage 360 View enables you to create stunning, interactive 360-degree pr
|
|
|
96
96
|
Add the library via CDN and create your first 360 viewer in seconds:
|
|
97
97
|
|
|
98
98
|
```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">
|
|
99
|
+
<!-- Add the library (CSS is auto-injected) -->
|
|
101
100
|
<script src="https://scaleflex.cloudimg.io/v7/plugins/js-cloudimage-360-view/latest/js-cloudimage-360-view.min.js"></script>
|
|
102
101
|
|
|
103
102
|
<!-- Create a container with data attributes -->
|
|
@@ -122,11 +121,10 @@ Add the library via CDN and create your first 360 viewer in seconds:
|
|
|
122
121
|
### Option 1: CDN (Recommended for Quick Setup)
|
|
123
122
|
|
|
124
123
|
```html
|
|
125
|
-
<link rel="stylesheet" href="https://scaleflex.cloudimg.io/v7/plugins/js-cloudimage-360-view/latest/js-cloudimage-360-view.min.css">
|
|
126
124
|
<script src="https://scaleflex.cloudimg.io/v7/plugins/js-cloudimage-360-view/latest/js-cloudimage-360-view.min.js"></script>
|
|
127
125
|
```
|
|
128
126
|
|
|
129
|
-
> **
|
|
127
|
+
> **Note:** CSS is automatically injected by the script - no separate stylesheet needed.
|
|
130
128
|
|
|
131
129
|
### Option 2: Package Manager
|
|
132
130
|
|
|
@@ -902,23 +900,18 @@ Version 4 introduces significant improvements in performance, customization, and
|
|
|
902
900
|
|
|
903
901
|
### Breaking Changes
|
|
904
902
|
|
|
905
|
-
#### 1. CSS
|
|
903
|
+
#### 1. CSS Handling
|
|
906
904
|
|
|
907
|
-
|
|
905
|
+
For CDN users, CSS is now auto-injected (same as v3):
|
|
908
906
|
|
|
909
907
|
```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">
|
|
908
|
+
<!-- v4: Just include the script -->
|
|
915
909
|
<script src=".../js-cloudimage-360-view.min.js"></script>
|
|
916
910
|
```
|
|
917
911
|
|
|
918
|
-
For npm users:
|
|
912
|
+
For npm/bundler users, import CSS separately:
|
|
919
913
|
|
|
920
914
|
```javascript
|
|
921
|
-
// v4
|
|
922
915
|
import CI360 from 'js-cloudimage-360-view';
|
|
923
916
|
import 'js-cloudimage-360-view/css';
|
|
924
917
|
```
|