title: Link to a specific slide in carousel with Javascript/CSS/HTML
body: <p>There have been other questions similar to this, but the answers always pertain to specific JQuery code that I'm not using. Instead, I'm using the W3Schools Slideshow example here:</p>
  
  <p><a href="http://www.w3schools.com/howto/howto_js_slideshow.asp" rel="nofollow">http://www.w3schools.com/howto/howto_js_slideshow.asp</a></p>
  
  <p>I have links on a different page, and I'd like each of those links to open the slideshow page on a specific slide.</p>
  
  <p>The most recent thing I tried is this:</p>
  
  <p>LINK on separate page:</p>
  
  <pre><code>&lt;a href="slideshow.html#currentSlide(3)"&gt;
  </code></pre>
  
  <p>Dot links under the slideshow on slideshow.html (couldn't think of anything else to link to):</p>
  
  <pre><code>&lt;div style="text-align:center"&gt;
    &lt;span class="dot" onclick="currentSlide(1)"&gt;&lt;/span&gt;
    &lt;span class="dot" onclick="currentSlide(2)"&gt;&lt;/span&gt;
    &lt;span class="dot" onclick="currentSlide(3)"&gt;&lt;/span&gt;
     &lt;span class="dot" onclick="currentSlide(4)"&gt;&lt;/span&gt;
    &lt;span class="dot" onclick="currentSlide(5)"&gt;&lt;/span&gt;
    &lt;span class="dot" onclick="currentSlide(6)"&gt;&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And javascript that supposedly tells the slideshow what to load based on the hash:</p>
  
  <pre><code>if (location.hash)
  {
      $('#' + location.hash.substring(1)).click();
  }
  </code></pre>
  
  <p>Probably a dumb idea, but I'm relatively new to this stuff and am out of ideas.</p>