title: Add some div's with text over NivoSlider slides
body: <p>i need to add some text DIV's on each slide of a Nivoslider.
  I tried different approach but doesn't work as expected ...</p>
  
  <p>The Caption thing didn't help me as i don't want to see a caption on the bottom of the picture .. the texts should be in exact places on each slide.</p>
  
  <p>So far I'm stuck here:</p>
  
  <pre><code>&lt;div id="homeSlider1Container"&gt;                                                             
      &lt;div class="nivoSlider" id="slider"&gt;                                                             
       &lt;img src="/upload/custom_screens/rb/RB-Slide1.gif"&gt;
  &lt;div class="s1Text1"&gt;Our rental experts help you - from the start of your search until you move in.&lt;/div&gt;  
  
       &lt;img src="/upload/custom_screens/rb/RB-Slide2.gif"&gt;
      &lt;div class="s2Text1"&gt;We have the largest, most up-to-date apartment rental listings.&lt;/div&gt;  
  
       &lt;img src="/upload/custom_screens/rb/RB-Slide3.gif"&gt;  
  
  
  &lt;/div&gt;    &lt;!--end slider--&gt; 
  
     &lt;/div&gt;&lt;!-- end homeSlider1Container --&gt;
  </code></pre>
  
  <p>And the script is:</p>
  
  <pre><code>$(window).load(function() {
  $('#slider').nivoSlider({
      effect: 'fade', // Specify sets like: 'fold,fade,sliceDown'
      //slices: 15, // For slice animations
      boxCols: 8, // For box animations
      boxRows: 4, // For box animations
      animSpeed: 500, // Slide transition speed
      pauseTime: 3000, // How long each slide will show
      startSlide: 0, // Set starting Slide (0 index)
      directionNav: true, // Next &amp; Prev navigation
      directionNavHide: false, // Only show on hover
      controlNav: false, // 1,2,3... navigation
      controlNavThumbs: false, // Use thumbnails for Control Nav
      controlNavThumbsFromRel: false, // Use image rel for thumbs
      controlNavThumbsSearch: '.jpg', // Replace this with...
      controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
      keyboardNav: true, // Use left &amp; right arrows
      pauseOnHover: true, // Stop animation while hovering
      manualAdvance: false, // Force manual transitions
      captionOpacity: 0.8, // Universal caption opacity
      prevText: 'Prev', // Prev directionNav text
      nextText: 'Next', // Next directionNav text
      randomStart: false, // Start on a random slide
      beforeChange: function(){}, // Triggers before a slide transition
      afterChange: function(){}, // Triggers after a slide transition
      slideshowEnd: function(){}, // Triggers after all slides have been shown
      lastSlide: function(){}, // Triggers when last slide is shown
      afterLoad: function(){} // Triggers when slider has loaded
  });
    });
  </code></pre>
  
  <p>Thank you</p>