title: Trying to show alt text for all images in easySlider carousel
body: <p>I have the following html:</p>
  
  <pre><code>&lt;div id="slider"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="#" filename="strangeweather_1"&gt;&lt;img src="large/strangeweather_1.jpg" alt="Baby, You're Just Like Stereo Equipment - ink, watercolor, gouache on paper" /&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#" filename="strangeweather_2"&gt;&lt;img src="large/strangeweather_2.jpg" alt="I Don't Mind If You Sleep Through This Or It Wakes You - ink, gouache, watercolor on paper" /&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#" filename="strangeweather_3"&gt;&lt;img src="large/strangeweather_3.jpg" alt="It's Not Over Yet - ink, watercolor, gouache, graphite on paper" /&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  
  &lt;div id="contentTitle"&gt;&lt;!-- append alt text here --&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My jQuery looks like this:</p>
  
  <pre><code>$(document).ready(function() {
     var altText = $(this).find('#slider ul li img').attr('alt');
     $('div#contentTitle').append(altText);
  </code></pre>
  
  <p>});</p>
  
  <p>That seems to work for the first img alt when the doc loads. Not sure how to display the alt text of each image as it is loaded through the carousel. </p>
  
  <p>Does jquery effectively take a copy of the alt and store it for manipulation? I was thinking about using .offset() to show the alt at an absolute position. I don't know how to display the alt each time the current image is loaded. </p>
  
  <p>Hope this makes sense. </p>
  
  <p>All the code is here: <a href="http://dev.jessicaharby.com/work/" rel="nofollow">http://dev.jessicaharby.com/work/</a></p>