AutoClub > slider > Nivo Slider

This is an example of a HTML caption with a link.

How to use

You can follow these steps:

1.Add a HTML module

2.Paste the content codes into the HTML module ( Choose "HTML" mode in HTML Editor ).

3.Edit the content code

4.Finally Save

Content code


<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">
<img alt="" src="http://demo.justdnn.com/portals/1/images/NivoSlider01.jpg" data-thumb="images/toystory.jpg" />
<img alt="" src="http://demo.justdnn.com/portals/1/images/NivoSlider02.jpg" data-thumb="images/walle.jpg" data-transition="slideInLeft" />
<img alt="" src="http://demo.justdnn.com/portals/1/images/NivoSlider03.jpg" data-thumb="images/nemo.jpg" title="#htmlcaption" />
<img alt="" src="http://demo.justdnn.com/portals/1/images/NivoSlider04.jpg" data-thumb="images/nemo.jpg" title="#htmlcaption" />
</div>
<div id="htmlcaption" class="nivo-html-caption">
<strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
</div>
</div>