minimalSlideShow

Present a slide show of user selected images.

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>

  <head>
    <meta charset="UTF-8">
    <title> </title>
    <style>
      /* # - id, . - class, nothing - tag */
      
      body {
        color: black;
        background-color: gray;
      }
      
      #hideMeWhenPlaying {
        color: black;
        background-color: gray;
      }

    </style>

    <script type="text/javaScript">

      var i = 1; var randomizeSlides = false; var timer; var slideList = []; var numSlides = 0; function appendToSlideList() { var slideInput = document.getElementById("slideInput"); var slidelistElem = document.getElementById("slidelist"); var slides = slideInput.files;
      for(j = 0; j
      < slides.length; j++) { var aFile=s lides[j]; // Set the original index to the current insertion point. aFile.oi=n umSlides; // Set the shuffle index simply to instantiate it. We 'll
          // set the si for real when we want to shuffle the array.
          aFile.si = 0;

          var listElem = document.createElement("li");
          listElem.appendChild(document.createTextNode(aFile.name));
          slidelistElem.appendChild(listElem);
          slideList[numSlides++] = aFile;
        }
      }

      var currentPlaying = 0;

      window.onresize = function(event)
      {
        picture = document.getElementById("slideShow");
        intervalElem = document.getElementById("interval");
        var div2 = document.getElementById("wrapper");
        // subtract 16 for weird padding/margins...
//alert("window.innerHeight: " + window.innerHeight + " window.innerWidth: " + window.innerWidth);
        div2.style.height = (window.innerHeight - 16) + "px";
        div2.style.width = (window.innerWidth - 16) + "px";
        div2.style.overflow = "hidden";
      };

      var picture = null;
      var intervalElem = null;


      var currentPicture = 0;
      function showNext()
      {
        if(picture == null)
      ...