title: How to get the src of next image to be loade din Nivo Slider
body: <p>I want to be able to get the src of the next image due to be loaded.  So I was thinking something like </p>
  
  <pre><code> $('#nivo_slider').nivoSlider({
  
        beforeChange: function(){
  
             //get src of next image
      }
  };
  </code></pre>
  
  <p>I can get the current image source by doing the following:</p>
  
  <pre><code>var currentImageSrc=$('#nivo_slider').data("nivo:vars").currentImage.attr('src');       
  var index=currentImageSrc.lastIndexOf("/")+1;        
  var imageName= currentImageSrc.substr(index);
  </code></pre>
  
  <p>But I'm not sure how to get the next one to be loaded</p>
  
  <p>My HTML is as follows:</p>
  
  <pre><code>&lt;div id="nivo_slider&gt;
     &lt;img src="img1" /&gt;
     &lt;img src="img2" /&gt;
     &lt;img src="img3" /&gt;
     &lt;img src="img4" /&gt;
  
  &lt;/div&gt;
  </code></pre>