@3dweb/360javascriptviewer - npm Package Compare versions

Comparing version 1.8.55 to 1.8.56

package.json

 {
   "name": "@3dweb/360javascriptviewer",
-  "version": "1.8.55",
+  "version": "1.8.56",
   "description": "A 360 javascript viewer working with images",
@@ -31,3 +31,4 @@ "type": "module",
     "postversion": "git push && git push --tags",
-    "test": "mocha -r ts-node/register test/**/*.ts",
+    "test": "mocha --require ts-node/register --node-option=--loader=ts-node/esm --node-option=--experimental-specifier-resolution=node --config tsconfig.test.json test/**/*.ts",
+    "test:decrypt": "mocha --require ts-node/register --node-option=--loader=ts-node/esm --node-option=--experimental-specifier-resolution=node --config tsconfig.test.json test/Utilities/HelperTest.ts --grep \"^Decrypt \"",
     "htmltest": "mocha-headless-chrome -f  test/Viewer/viewer.html"
@@ -84,2 +85,2 @@ },
   }
-}
+}

Readme.md

@@ -31,30 +31,43 @@ # 360 Javascript Viewer
 
+        <script defer src="https://cdn.jsdelivr.net/npm/@3dweb/360javascriptviewer/lib/JavascriptViewer.min.js"></script>
+        
+        <style>
+            #jsv-holder {
+                width:500px;
+             }
+            #jsv-holder img {
+                width: 100%;
+             }
+        </style>
 
         <div id="jsv-holder">
-            <img id="jsv-image" alt="example" src="https://360-javascriptviewer.com/images/ipod/ipod.jpg">
+            <img id="jsv-image" alt="example" src="https://360-javascriptviewer.gumlet.io/images/phone/iphone-gold-01.png">
         </div>
         
-        <script>                    
-            const viewer = new JavascriptViewer({
-                mainHolderId: 'jsv-holder',
-                mainImageId: 'jsv-image',
-                totalFrames: 72,
-                speed: 70,
-                defaultProgressBar: true
-            });
-            
-            // use events for example
-            viewer.events().loadImage.on((progress) => {
-                // use this for your own progress bar    
-                console.log(`loading ${progress.percentage}%`)
-            })           
-             
-             viewer.events().started.on((result) => {
-                // use a promise or a start event to trigger things    
-            })
-            
-             viewer.start().then(() => {
-                viewer.rotateDegrees(180).then(() => {
-                    // continue with your amazing intro
+        <script>        
+            window.addEventListener('load', () => {
+                const viewer = new JavascriptViewer({
+                    mainHolderId: 'jsv-holder', 
+                    mainImageId: 'jsv-image', // will hide after loading
+                    imageUrlFormat: 'iphone-gold-xx.png',
+                    totalFrames: 72,
+                    speed: 70,
+                    defaultProgressBar: true
+                });
+                
+                // use events for example
+                viewer.events().loadImage.on((progress) => {
+                    // use this for your own progress bar    
+                    console.log(`loading ${progress.percentage}%`)
+                })           
+                 
+                 viewer.events().started.on((result) => {
+                    // use a promise or a start event to trigger things    
                 })
+                
+                 viewer.start().then(() => {
+                    viewer.rotateDegrees(180).then(() => {
+                        // continue with your amazing intro
+                    })
+                });
             });
@@ -61,0 +74,0 @@ </script>

No alert changes

Improved metrics

Total package byte prevSize

215342

0.43%

Number of lines in readme file

224

6.16%

No dependency changes