Thumbnail captions and tooltips

You can specify captions for the thumbnails by inserting some text in the thumbnail's ALT attribute, and you can specify tooltips by using the thumbnail's TITLE attribute. Please see the code example below. In order to enable the tooltip, you will also need to set the slider's 'thumbnailTooltip' property to true.

<div class="advanced-slider" id="my-slider">
    <div class="slides">

<div class="slide"> <img class="image" src="../images/slides/image1.jpg" alt=""/> <img class="thumbnail" src="../images/thumbnails/image1.jpg" alt="Slide 1" title="some tooltip content"/> <div class="caption">Simple caption for the first slide.</div> </div> <div class="slide"> <img class="image" src="../images/slides/image2.jpg" alt=""/> <img class="thumbnail" src="../images/thumbnails/image2.jpg" alt="Slide 2" title="some tooltip content"/> <div class="caption">Some text for the second slide.</div> </div> <div class="slide"> <img class="image" src="../images/slides/image3.jpg" alt=""/> <img class="thumbnail" src="../images/thumbnails/image3.jpg" alt="Slide 3" title="some tooltip content"/> <div class="caption">Yet another captions.</div> </div>

</div> </div>
Have more questions? Submit a request

0 Comments

Article is closed for comments.
Powered by Zendesk