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-thumb
attribute 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>