html/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="https://media.pdp8.info/pictures/distances.js"></script>
<script src="/slideshow.js"></script>

<img id="image" width="1024" height="768"
  src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgYAAAAAMAASsJTYQAAAAASUVORK5CYII="
  alt />

<div id="controller">
  <a class="btn" onclick="toggle_play()"><i id="play-indicator" title="Pause slideshow" class="fa fa-inverse fa-pause"
      aria-hidden="true"></i></a>
  <a class="btn" onclick="new_selection()"><i id="shuffle-indicator" title="Next slideshow"
      class="fa fa-inverse fa-random" aria-hidden="true"></i></a>
  <p>&copy; pdp8 <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0
      International License</a>
</div>

<a id="prev" onclick="prev()">&lsaquo;</a>
<a id="next" onclick="next()">&rsaquo;</a>

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