Adding links

In order to add a link to an image, all you have to do is wrap the image within the anchor tag. Please see the code example below. The first slide has a link for the slide image and the second slide has a link for the thumbnail image.

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

        <div class="slide">
            <a href="http://yahoo.com">
                <img class="image" src="../images/slides/image1.jpg" alt=""/>
            </a>
            <img class="thumbnail" src="../images/thumbnails/image1.jpg" alt=""/>
            <div class="caption">Simple caption for the first slide.</div>
        </div>
    
	<div class="slide">
            <img class="image" src="../images/slides/image2.jpg" alt=""/>
            <a href="http://yahoo.com">
                <img class="thumbnail" src="../images/thumbnails/image2.jpg" alt=""/>
            </a>
            <div class="caption">Some text for the second slide.</div>
        </div>

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

0 Comments

Article is closed for comments.
Powered by Zendesk