add expand button, change image height to max-height

diff --git a/slideshow.html b/slideshow.html
index 88964561d2f7f110e77e7f43cc82d715706c5188..b4099eb078a0163b5cd966c9ee30ff2a47f8cd55 100644 (file)
--- a/slideshow.html
+++ b/slideshow.html
@@ -26,9 +26,17 @@
 
       </div>
 
-      <a id="prev">&#10094;</a>
-      <a id="next">&#10095;</a>
-      <a id="state">&#x23f8;&#xFE0E;</a>
+      <a id="prev" title="Previous image">&#10094;</a>
+      <a id="next" title="Next image">&#10095;</a>
+      <a id="expand" title="View in new tab">
+        <svg version="1.1" viewBox="0 0 36 36">
+          <path d="m 10,16 2,0 0,-4 4,0 0,-2 L 10,10 l 0,6 0,0 z"></path>
+          <path d="m 20,10 0,2 4,0 0,4 2,0 L 26,10 l -6,0 0,0 z"></path>
+          <path d="m 24,24 -4,0 0,2 L 26,26 l 0,-6 -2,0 0,4 0,0 z"></path>
+          <path d="M 12,20 10,20 10,26 l 6,0 0,-2 -4,0 0,-4 0,0 z"></path>
+        </svg>
+      </a>
+      <a id="state" title="Pause">&#x23f8;&#xFE0E;</a>
 
       <div id="controls">
         <span class="dot"></span>