tự động di chuyển khi load ảnh

frontend/css/style.css

@@ -111,11 +111,13 @@ html, body {
 
 #close-viewer-btn {
     position: absolute;
-    top: 20px;
-    left: 60px;
+    top: 5px;
+    left: 40px;
     padding: 12px 24px;
-    background: rgba(255, 255, 255, 0.9);
-    border: none;
+    background: rgba(255, 255, 255, 0.1);
+    border: white solid 1px;
+    border-radius: 10px;
+    color: rgba(255, 255, 255, 0.9);
     border-radius: 5px;
     font-weight: bold;
     cursor: pointer;
@@ -125,6 +127,7 @@ html, body {
 
 #close-viewer-btn:hover {
     background: white;
+    color: rgba(44, 44, 44, 0.9);
 }
 /* Modal Overlay */
 .modal-overlay {

frontend/js/viewer360.js

@@ -119,9 +119,13 @@ function initPanoramaViewer(imageUrl, hotspots = [], ownerId = null, initialPitc
     activeViewer = pannellum.viewer('panorama-viewer', {
         "type": "equirectangular",
         "panorama": imageUrl,
+        "autoRotate": 0,
+        "autoRotateInactivityDelay": 5000,
         "autoLoad": true,
         "pitch": initialPitch,
         "yaw": initialYaw,
+        "orientationOnByDefault": true,
+        "draggable": true,
         "showControls": true,
         "compass": false,
         "mouseZoom": true,