title: How to Upload additional images in to html5 & javascript slideshow
body: <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;Slideshow&lt;/title&gt;
  &lt;link rel="stylesheet" type="text/css" href="slideshow.css"&gt;
  
  &lt;script type="text/javascript"&gt;
  var imagecount = 1;
  var total = 6;
  
  function slide(x) {
  var Image = document.getElementById('img');
  imagecount = imagecount + x;
  if(imagecount &gt; total){ imagecount = 1;}
  if(imagecount &lt; 1){ imagecount = total;}
  Image.src = "Images/img"+ imagecount +".jpg";
  }
  
  &lt;/script&gt;
  &lt;/head&gt;
  
  //div id sections are also formatted through css
  &lt;body&gt;
  &lt;div id="container"&gt;\
  &lt;img src="Images/img1.jpg" id="img"/&gt;
  &lt;div id="left_holder"&gt; &lt;img onClick="slide(x-1)" class="left"         src="arrowleft.jpg"/&gt;&lt;/div&gt;
  &lt;div id="right_holder"&gt; &lt;img onClick="slide(1)" class="right"      src="arrowright.jpg"/&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>IS there any way I can add maybe an 'addLoadEventToFileSelect' &amp; would this be the correct way to do so</p>