title: Set current slide for jQuery slider on page load Easy Slider
body: <p>I am using the jQuery slider <a href="http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider" rel="nofollow">Easy Slider</a> with the slides as links to other pages. The other pages that are loaded also have the slider with the same slides, in the same order, with the same links.</p>
  
  <p>I cannot figure out how to set the current slide when a page loads.</p>
  
  <p>For example: There are four slides. When slide three is clicked and the page loaded, I want the slider to be on slide three. It is frustrating to follow a link, and then have to navigate back through the previous slides.</p>
  
  <p>I originally was loading the additional pages from the slide links with AJAX, but there is another jQuery script that is called when the additional pages are loaded and the $(document).ready function wouldn't get called.</p>
  
  <p>I have not modified anything in the Easy Slider script, and am using it with default options. Here is the example code from Easy Slider for the slides.</p>
  
  <pre><code>&lt;!-- markup example for $("#slider").easySlider(); --&gt;
  &lt;div id="slider"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="someLink1"&gt;&lt;img src="images/01.jpg" alt="" /&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="someLink2"&gt;&lt;img src="images/02.jpg" alt="" /&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="someLink3"&gt;&lt;img src="images/03.jpg" alt="" /&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="someLink4"&gt;&lt;img src="images/04.jpg" alt="" /&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I would think it should be possible to add an id to the li tags and somehow modify the JS to reference that... Just not sure where to start.</p>
  
  <p>Any help and direction would be stellar!</p>
  
  <p>Thanks.</p>