title: slideshow title not showing when clicking through slideshow?
body: <p>See my demo page here: <a href="http://intelligen.info/pro%20templates/template%20grid%20center/" rel="nofollow noreferrer">http://intelligen.info/pro%20templates/template%20grid%20center/</a></p>
  
  <p>I am using Nivo Lightbox plugin. I am also using CMS surreal. From a previous question I posted on here (<a href="https://stackoverflow.com/questions/22882041/add-the-alt-attribute-to-light-box-slideshow-title">Add the alt attribute to light box slideshow title?</a>)  I got the code below to  make the title of the slideshow link to the alt attribute of the image tag instead of the title attribute of the anchor surrounding it?</p>
  
  <pre><code>var altText;
  $(document).ready(function () {
  $('#nivo-lightbox-demo a').nivoLightbox({
      effect: 'fade',
      beforeShowLightbox: function () {
          altText = $($(this)[0].el).find('img').prop('alt');
      },
      afterShowLightbox: function (light) {
          if (altText!=="") $($(light)[0]).find('.nivo-lightbox-title').html(altText);
      }
   });
  });
  </code></pre>
  
  <p>This works perfectly when clicking on the individual thumbnails, then the title is displayed, however if one clicks through the slideshow the title isn't displayed anymore. How do I get the slideshow to display the titles while clicking through the slideshow?</p>
  
  <p>fiddle here: <a href="http://jsfiddle.net/rabelais/MH8mu/2/" rel="nofollow noreferrer">http://jsfiddle.net/rabelais/MH8mu/2/</a></p>