summaryrefslogtreecommitdiff
path: root/snippets/pictures.html
diff options
context:
space:
mode:
Diffstat (limited to 'snippets/pictures.html')
-rw-r--r--snippets/pictures.html23
1 files changed, 23 insertions, 0 deletions
diff --git a/snippets/pictures.html b/snippets/pictures.html
new file mode 100644
index 0000000..64b4278
--- /dev/null
+++ b/snippets/pictures.html
@@ -0,0 +1,23 @@
+<script src="/distances.js"></script>
+<script src="/images.js"></script>
+
+<script>
+ (function() { new_selection() })();
+</script>
+
+<img id="image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgYAAAAAMAASsJTYQAAAAASUVORK5CYII=" alt/>
+<script>document.getElementById("image").setAttribute("src", selection[0].src);</script>
+
+<div id="controller">
+ <a class="btn" href="/info.html"><i class="fa fa-info" aria-label="info" aria-hidden="true"></i></a>
+ <a class="btn" class="controller-item" onclick="new_selection()"><i class="fa fa-refresh" aria-label="reload" aria-hidden="true"></i></a>
+ <a class="btn" class="controller-item" onclick="toggle_play()"><i id="play-indicator" class="fa fa-stop" area-label="stop" aria-hidden="true"></i></a>
+</div>
+
+<a id="prev" onclick="prev()">&#10094;</a>
+<a id="next" onclick="next()">&#10095;</a>
+
+<script>
+ (function() { play() })();
+</script>
+