title: Slideshow - link slide to URL only working for last slide
body: <p>I'm using lean slider: <a href="http://dev7studios.com/lean-slider/" rel="nofollow">http://dev7studios.com/lean-slider/</a></p>
  
  <p>I want to link each slide to a different url. I've noticed that only the code in the last slide gets executed (and also applied to all other slides).  For instance, adding an  tag to google on just the last slide results in all slides linking to google. Somehow, it only sees the very last slide - if you inspect element on the slide, you'll see it always highlights the last slide's code.</p>
  
  <p><strong>EDIT:</strong> I've also noticed that it works fine when you don't include the sample-style.css file. But without this, there is no fade/transition effect and the navigation buttons are not formatted, so it would be pointless without this file, but the issue is probably with how the slider works.</p>
  
  <p>Any ideas on what's causing this or how to fix it?</p>
  
  <p>The only thing changed - added links to each slide.  (index.html) </p>
  
  <pre><code>...
          &lt;div id="slider"&gt;
              &lt;div class="slide"&gt;
                  &lt;a href="http://www.yahoo.com" &gt;&lt;img src="images/1.jpg" alt=""/&gt;&lt;/a&gt;
              &lt;/div&gt;
              &lt;div class="slide2"&gt;
                  &lt;a href="http://www.stackoverflow.com" &gt;&lt;img src="images/2.jpg" alt="" /&gt;&lt;/a&gt;
              &lt;/div&gt;
              &lt;div class="slide3"&gt;
                  &lt;a href="http://www.amazon.com" &gt;&lt;img src="images/3.jpg" alt="" /&gt;&lt;/a&gt;
              &lt;/div&gt;
              &lt;div class="slide4"&gt;
                  &lt;a href="http://www.google.com" &gt;&lt;img src="images/4.jpg" alt="" /&gt;&lt;/a&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  ...
  </code></pre>