Merge branch 'page' of https://github.com/deep-daiv-Computer-Vision/3…

…DGS_DIET into page
deep-daiv-Computer-Vision · Jul 20, 2024 · 46e1bd2 · 46e1bd2
2 parents b4dd073 + 4ac2124
commit 46e1bd2
Show file tree

Hide file tree

Showing 7 changed files with 42 additions and 9 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/index.html b/index.html
@@ -58,7 +58,7 @@ <h1 class="title is-1 publication-title">🥗 3DGS 다이어트</h1>
               <span class="author-block">
                 <a href="https://github.com/chechae">Chehun Han</a><sup>4*</sup>, and </span>
               <span class="author-block">
-                <a href="https://github.com/ChangGyun-Jin">Changgyun Jin</a><sup>5&dagger;*</sup></span>
+                <a href="https://github.com/jcg6074">Changgyun Jin</a><sup>5&dagger;*</sup></span>
             </div>
 
             <div class="is-size-5 publication-authors">
@@ -201,14 +201,14 @@ <h2 class="title is-3">Result</h2>
                       <div id="example1" class="bal-container-small" style="padding-bottom: 10%;">
                         <div class="bal-after">
                           <img id='img_input1' src="./static/images/comparsion/3dgs_d.png">
-                          <div class="bal-afterPosition afterLabel" style="z-index:1;">
+                          <div id ='right_img' class="bal-afterPosition afterLabel" style="z-index:1;">
                             Ours
                           </div>
                         </div>
                         <div class="bal-before" style="width:96.4968152866242%;">
                           <div class="bal-before-inset" style="width: 539px;">
                             <img id='img_input2' src="./static/images/comparsion/3dgs.png">
-                            <div class="bal-beforePosition beforeLabel">
+                            <div id ='left_img' class="bal-beforePosition beforeLabel">
                               3DGS
                             </div>
                           </div>
@@ -219,19 +219,24 @@ <h2 class="title is-3">Result</h2>
                         </div>
                       </div>
 
-
                     </div>
                   </div>
                 </div>
               </div>
             </div>
 
             <div class ="example-select" style="display: flex; justify-content: center; gap: 50px; padding-bottom: 30px;">
-              <a class = "example-item" onclick="changeExample('./static/images/comparsion/3dgs_d.png','./static/images/comparsion/3dgs.png')">
+              <!--3dgs_d vs 3dgs-->
+              <a class = "example-item" onclick="changeExample_db_gs('./static/images/comparsion/3dgs_d.png','./static/images/comparsion/3dgs.png')">
                 <img src="./static/images/comparsion/3dgs_d.png">
               </a>  
-              <a class = "example-item" onclick="changeExample('./static/images/comparsion/2_comp_after_23.jpg','./static/images/comparsion/2_comp_before_23.jpg')">
-                <img src="./static/images/comparsion/2_comp_before_23.jpg">
+              <!--gt vs 3dgs_d-->
+              <a class = "example-item" onclick="changeExample_gt_db('./static/images/comparsion/3dgs_d.png','./static/images/comparsion/gt.png')">
+                <img src="./static/images/comparsion/gt.png">
+              </a>
+              <!--gt vs 3dgs-->
+              <a class = "example-item" onclick="changeExample_gt_gs('./static/images/comparsion/3dgs.png','./static/images/comparsion/gt.png')">
+                <img src="./static/images/comparsion/gt.png">
               </a>
             </div>
 

diff --git a/static/.DS_Store b/static/.DS_Store
diff --git a/static/images/.DS_Store b/static/images/.DS_Store
diff --git a/static/images/comparsion/.DS_Store b/static/images/comparsion/.DS_Store
diff --git a/static/images/comparsion/gt.png b/static/images/comparsion/gt.png
diff --git a/static/js/index.js b/static/js/index.js
@@ -78,9 +78,37 @@ $(document).ready(function() {
 
 })
 
-function changeExample(imgSrc1,imgSrc2){
+function changeExample_db_gs(imgSrc1,imgSrc2){
   vid = document.getElementById("img_input1");
   vid.src = imgSrc1;
   vid = document.getElementById("img_input2");
   vid.src = imgSrc2;
-}
+
+  label_text = document.getElementById('right_img')
+  label_text.textContent = 'Ours'
+  label_text = document.getElementById('left_img')
+  label_text.textContent = '3DGS'
+}
+
+function changeExample_gt_db(imgSrc1,imgSrc2){
+  vid = document.getElementById("img_input1");
+  vid.src = imgSrc1;
+  vid = document.getElementById("img_input2");
+  vid.src = imgSrc2;
+
+  label_text = document.getElementById('right_img')
+  label_text.textContent = 'Ours'
+  label_text = document.getElementById('left_img')
+  label_text.textContent = 'GT'
+}
+function changeExample_gt_gs(imgSrc1,imgSrc2){
+  vid = document.getElementById("img_input1");
+  vid.src = imgSrc1;
+  vid = document.getElementById("img_input2");
+  vid.src = imgSrc2;
+
+  label_text = document.getElementById('right_img')
+  label_text.textContent = '3DGS'
+  label_text = document.getElementById('left_img')
+  label_text.textContent = 'GT'
+}