Enabling Thumbnails with the Nivo Slider

To use thumbnails with your slider you need to make sure  controlNavThumbs is set to true. Then the slider will look for the URL of the thumbnail in the data-thumbattribute of the image. If no URL is provided, no thumbnail will be shown. For example:

<code><div id="slider"> 
    <img src="images/up.jpg" alt="" data-thumb="images/up_thumb.jpg" /> 
    <img src="images/monstersinc.jpg" alt="" data-thumb="images/monstersinc_thumb.jpg" /> 
    <img src="images/nemo.jpg" alt="" data-thumb="images/nemo_thumb.jpg" />     <img src="images/walle.jpg" alt="" data-thumb="images/walle_thumb.jpg" /> </div>
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.