title: Really Simple Photo Slider with Tumblr
body: <p>I'm trying to implement a very basic photo slider for my Tumblr page. I have some basic knowledge of HTML and coding with Tumblr, all self-taught, and everything has been swell up 'til now. But working with the {Photoset} block is proving to be a little confusing. </p>
  
  <p>I'm trying to use the {Photos} block, which renders each photo of a photoset as if they were by themselves, with the ReallySimple slider. {PhotoURL-HiRes}, etc. are all fed from Tumblr. Here's what I have so far: </p>
  
  <p>JQuery:</p>
  
  <pre><code>$(document).ready(function () {
      $('#slideshow-div').rsfSlideshow();
  });
  </code></pre>
  
  <p>HTML: </p>
  
  <pre><code>&lt;div id="slideshow-div"&gt;
  
  &lt;!-- 
  Set up an initial slide -- this provides an image for users without JavaScript. 
  Notice that we've also added the caption for the first slide.
  --&gt;
  &lt;div class="slide-container"&gt;
      &lt;img src="{PhotoURL-HighRes}"
          {block:Caption}alt="{Caption}"{/block:caption}
          title="This is a caption for the first slide" /&gt;
      &lt;span class="slide-caption"&gt;{block:Caption}{Caption}{/block:Caption}&lt;/span&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>There's some CSS, too. This is all rendered between {block:Photos}{/block:Photos}. What am I doing wrong?</p>
  
  <p>EDIT: A picture is worth a thousand words so a webpage must be worth like a million or something. Here's the result of my poor understanding lol: <a href="http://ko-51.tumblr.com/" rel="nofollow">http://ko-51.tumblr.com/</a></p>
  
  <p>Here's a link to the slider and how it SHOULD function: <a href="http://reallysimpleworks.com/slideshow" rel="nofollow">http://reallysimpleworks.com/slideshow</a></p>