title: 'alt' inside span
body: <p>If 'alt' is inside 'span' would I need to change the following script</p>
  
  <pre><code>        function setNavi( $c, $i ) {
                  var title = $i.attr( 'alt' );
                  $('#title').text( title );
  
                  var current = $c.triggerHandler( 'currentPosition' );
                  $('#pagenumber span').text( current+1 );
  
              }
  
      $(function() {
  
          $('#carousel').carouFredSel({
              debug: true,
              responsive: true,
              circular: false,
              auto: true,
              prev: '#prev',
              next: '#next',
              items: {
                  visible: 1,
                  width: 200,
                  height: '66%'
              },
              scroll: {
                  onBefore: function( $oI, $nI ) {
                      setNavi( $(this), $nI );
                  }
              },
                  onCreate: function( $vI ) {
                      setNavi( $(this), $vI );
                  }
              });
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>&lt;div id="carousel"&gt;
  &lt;span id="1"&gt;&lt;img src="images/someimage.jpg"  alt="sometitle" /&gt;&lt;/span&gt;
  &lt;span id="2"&gt;&lt;img src="images/someimage2.jpg" alt="sometitle2" /&gt;&lt;/span&gt;
  &lt;/div&gt;
  
  &lt;div id="navi"&gt;
   &lt;p id="pagenumber"&gt;Now showing image &lt;span&gt;&lt;/span&gt; of 7.&lt;/p&gt;
   &lt;p id="title"&gt;&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>the pagenumber is displaying correctly, but not the image title. also tried using 'title' instead of 'alt' but it still results in a blank title.</p>