StyleGAN2 (#51)

docs/rl/ppo/experiment.html

@@ -1282,19 +1282,46 @@ You can change this while the experiment is running.
         displayAlign: 'center',
         "HTML-CSS": { fonts: ["TeX"] }
     });
+</script>
+<script>
+    function handleImages() {
+        var images = document.querySelectorAll('p>img')
 
+        console.log(images);
+        for (var i = 0; i < images.length; ++i) {
+            handleImage(images[i])
+        }
+    }
 
+    function handleImage(img) {
+        img.parentElement.style.textAlign = 'center'
 
+        var modal = document.createElement('div')
+        modal.id = 'modal'
 
+        var modalContent = document.createElement('div')
+        modal.appendChild(modalContent)
 
+        var modalImage = document.createElement('img')
+        modalContent.appendChild(modalImage)
 
+        var span = document.createElement('span')
+        span.classList.add('close')
+        span.textContent = 'x'
+        modal.appendChild(span)
 
+        img.onclick = function () {
+            console.log('clicked')
+            document.body.appendChild(modal)
+            modalImage.src = img.src
+        }
 
+        span.onclick = function () {
+            document.body.removeChild(modal)
+        }
+    }
 
-
-
-
-
+    handleImages()
 </script>
 </body>
 </html>