title: How do I add a link to a jQuery Cycle pagerEvent?
body: <p>I have used jQuery Cycle for the slideshow on this page: <a href="http://energync.ehclients.com/" rel="nofollow">http://energync.ehclients.com/</a> and set it so the image changes when you mouse over the pager event below it. Since these links are dynamically created by jQuery, how do I add links to other pages on the site?</p>
  
  <p>Here is the html:</p>
  
  <pre><code>&lt;div id="slideshow"&gt;
  &lt;img src="http://energync.ehclients.com/images/uploads/slideshow-1.jpg" alt="Making Energy Work" width="645" height="333"&gt;
  &lt;img src="http://energync.ehclients.com/images/uploads/slideshow-2.jpg" alt="We Collaborate" width="645" height="333"&gt;
  &lt;img src="http://energync.ehclients.com/images/uploads/slideshow-3.jpg" alt="We Analyze" width="645" height="333"&gt;
  &lt;img src="http://energync.ehclients.com/images/uploads/slideshow-4.jpg" alt="We Advocate" width="645" height="333"&gt;
  &lt;img src="http://energync.ehclients.com/images/uploads/slideshow-5.jpg" alt="We Educate" width="645" height="333"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is the jQuery:</p>
  
  <pre><code>$('#slideshow').cycle({
      fx: 'fade',
      pager : '#slideshow-nav',
      pagerEvent: 'mouseover',
      speed: 2000,
      delay:  3000,
  }); 
  </code></pre>