Pulling data-caption from image with Elastic Image Slideshow, and display it on the page
<p>I am using the <a href="http://tympanus.net/codrops/2011/11/21/elastic-image-slideshow-with-thumbnail-preview/" rel="nofollow">Elastic Image Slideshow</a> script, and would like to add data-caption text for each image, then display the text of the currently shown image into a div, outside of the slideshow (basically in a different section of the page.)</p>

<p>I found <a href="http://blog.fraser-hart.co.uk/add-captions-to-jquery-cycle/" rel="nofollow">this script</a>, to work with jQuery cycle, and tried to modify it to work but I am not having much luck.</p>

<p>Ok, I found this fiddle: <a href="http://jsfiddle.net/Snfst/6/" rel="nofollow">http://jsfiddle.net/Snfst/6/</a> and modified it down to this:</p>

<pre><code>   $('img').hover(function(){
      $('#caption').html($(this).data('caption'))
   });
</code></pre>

<p>Question now is how do I get it to load without having to hover over the image, and only show the data for the currently shown image?</p>

<p>The page that I'm trying to make this work on might better show what I'm trying to do:
<a href="http://diguiseppi.com/Brad/Andy/portfolio-web-design.html" rel="nofollow">http://diguiseppi.com/Brad/Andy/portfolio-web-design.html</a></p>
