snippets/pictures.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

<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 controller-item" onclick="new_selection()"><div class="fa fa-refresh" aria-label="reload" aria-hidden="true" title="New slideshow"></div></a>
  <a class="btn controller-item" onclick="toggle_play()"><div id="play-indicator" class="fa fa-stop" area-label="stop" aria-hidden="true" title="Toggle play"></div></a>
</div>

<a id="prev" onclick="prev()">&#10094;</a>
<a id="next" onclick="next()">&#10095;</a>

<script> 
  (function() { play() })();
</script>