up

pathologyatlas · Jul 11, 2024 · 4ed39eb · 4ed39eb
1 parent 4ffe7f6
commit 4ed39eb
Show file tree

Hide file tree

Showing 17 changed files with 58 additions and 4,071 deletions.
diff --git a/HE-deneme.html b/HE-deneme.html
diff --git a/HE.html b/HE.html
@@ -1,10 +1,11 @@
 <html> <!-- do not use <!DOCTYPE html> -->
 
 <head>
-  <title>TemplateEN templateTR</title>
-  <meta name="keywords" content="TemplateEN, templateTR, patoloji, atlas, pathology, whole slide image">
 
-  <meta name="description" content="TemplateEN templateTR">
+  <title>Gallbladder Rokitansky-Aschoff Sinus Safra Kesesi Rokitansky-Aschoff Sinus</title>
+  <meta name="keywords" content="Gallbladder Rokitansky-Aschoff Sinus, Safra Kesesi Rokitansky-Aschoff Sinus, patoloji, atlas, pathology, whole slide image">
+
+  <meta name="description" content="Gallbladder Rokitansky-Aschoff Sinus Safra Kesesi Rokitansky-Aschoff Sinus">
 
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -23,49 +24,38 @@
 
   <!-- <script src="openseadragon/openseadragon-scalebar.js"></script> -->
 
-</head>
 
+</head>
 <body>
   <div>
     <label for="rotation-slider">Rotate Image:</label>
     <input type="range" id="rotation-slider" min="0" max="360" value="0">
   </div>
-
   <div id="openseadragon1" style="width: 100%; height: 95%;"></div>
-
-
-
-
-
-
-
   <script type="text/javascript">
     var viewer = OpenSeadragon({
-      id: 'openseadragon1',
-      //        prefixUrl: 'https://images.patolojiatlasi.com/openseadragon/images/',
-      prefixUrl: './openseadragon/images/',
-
-      showHomeControl: true,
+      id: "openseadragon1",
+      prefixUrl: "./openseadragon/images/",
+      showHomeControl: false,
       showRotationControl: true,
       showNavigator: true,
       showFlipControl: true,
-      navigatorBackground: 'rgb(240, 240, 240)',
-
-
+      navigatorBackground: "rgb(240, 240, 240)",
       tileSources: {
         Image: {
-          Url: './HE_files/', // name of image folder
-          TileSize: '254', // see .dzi file
-          Overlap: '1', // see .dzi file
-          Format: 'jpeg', // see .dzi file
-          ServerFormat: 'Default', // optional
-          xmlns: 'http://schemas.microsoft.com/deepzoom/2008', // see .dzi file
+          Url: "./HE_files/",
+          TileSize: "254",
+          Overlap: "1",
+          Format: "jpeg",
+          ServerFormat: "Default",
+          xmlns: "http://schemas.microsoft.com/deepzoom/2008",
           Size: {
-            Width: '51792', // see .dzi file
-            Height: '30580' // see .dzi file
+            Width: "61925",
+            Height: "34828"
           }
         }
       }
+
       // ,
       // tileSources: "yourwsi.dzi",
       // sequenceMode: false,
@@ -85,14 +75,14 @@
     });
 
     /*     viewer.scalebar({
-            minWidth: '100px',
-            pixelsPerMeter: '1.98255e+06',
-            fontFamily: 'Arial',
-            backgroundColor: 'rgba(255, 255, 255, 0.5)',
-            fontSize: 'small',
-            barThickness: '2',
-            xOffset: '10',
-            yOffset: '10'
+            minWidth: "100px",
+            pixelsPerMeter: "1.98255e+06",
+            fontFamily: "Arial",
+            backgroundColor: "rgba(255, 255, 255, 0.5)",
+            fontSize: "small",
+            barThickness: "2",
+            xOffset: "10",
+            yOffset: "10"
         }); */
 
 
@@ -105,44 +95,46 @@
 
 
       switch (event.keyCode) {
-        case 90: // 'Z' key for zoom in
+        case 90: // "Z" key for zoom in
           viewer.viewport.zoomBy(1.2);
           viewer.viewport.applyConstraints();
           break;
-        case 88: // 'X' key for zoom out
+        case 88: // "X" key for zoom out
           viewer.viewport.zoomBy(0.8);
           viewer.viewport.applyConstraints();
           break;
         case 37: // Left arrow key
-        case 65: // 'A' key
+        case 65: // "A" key
           viewer.viewport.panBy(new OpenSeadragon.Point(-0.05, 0));
           viewer.viewport.applyConstraints();
           break;
         case 38: // Up arrow key
-        case 87: // 'W' key
+        case 87: // "W" key
           viewer.viewport.panBy(new OpenSeadragon.Point(0, -0.05));
           viewer.viewport.applyConstraints();
           break;
         case 39: // Right arrow key
-        case 68: // 'D' key
+        case 68: // "D" key
           viewer.viewport.panBy(new OpenSeadragon.Point(0.05, 0));
           viewer.viewport.applyConstraints();
           break;
         case 40: // Down arrow key
-        case 83: // 'S' key
+        case 83: // "S" key
           viewer.viewport.panBy(new OpenSeadragon.Point(0, 0.05));
           viewer.viewport.applyConstraints();
           break;
       }
     });
 
 
-    document.getElementById('rotation-slider').addEventListener('input', function (event) {
+    document.getElementById("rotation-slider").addEventListener("input", function (event) {
       var rotationAngle = event.target.value;
       viewer.viewport.setRotation(parseFloat(rotationAngle));
     });
 
+
   </script>
 </body>
-
 </html>
+
+