Nivo Slider Caption

Hello. How can I add the nivo slider in the homepage only?
And how can I put Captions in every slide?

Thanks!

My Forum

Put this in your Homepage Message (ACP > Display > Homepage > Generalities)

Code:

<link rel="stylesheet" href="http://static.tumblr.com/hhedat8/8cbmksz3o/nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="http://static.tumblr.com/hhedat8/NnQmksygd/bar.css" type="text/css" media="screen" />
<link rel="stylesheet" href="http://static.tumblr.com/hhedat8/J4Bmksyye/default.css" type="text/css" media="screen" />

<center> <div id="wrapper"><div class="slider-wrapper theme-default"><div id="slider" class="nivoSlider">

<img src="http://i48.tinypic.com/35lw9yv.jpg" title="#caption1" data-thumb="images/walle.jpg" alt="" data-transition="slideInLeft" />
<img src="http://i48.tinypic.com/35lw9yv.jpg" data-thumb="images/walle.jpg" alt="" data-transition="slideInLeft" />
<img src="http://i48.tinypic.com/35lw9yv.jpg" title="#caption2" data-thumb="images/walle.jpg" alt="" data-transition="slideInLeft" />
<img src="http://i48.tinypic.com/35lw9yv.jpg" data-thumb="images/walle.jpg" alt="" data-transition="slideInLeft" />

<div id="caption1" class="nivo-html-caption">
This will display the caption #1, just edit this part.
</div>

<div id="caption2" class="nivo-html-caption">
This will display the caption #2, just edit this part.
</div>

</div>
</div>
</div>
</center>

<script type="text/javascript" src="http://static.tumblr.com/hhedat8/gYrmksxtn/jquery-1.9.0.min.js"></script>
<script src="http://static.tumblr.com/hhedat8/NqOmksx73/jquery.nivo.slider.js" type="text/javascript"></script>
    <script type="text/javascript">
    jQuery(window).load(function() {
        jQuery('#slider').nivoSlider();
    });
</script>

Now all you need to do is to edit the image.
Change this one with your image url.

Code:

http://i48.tinypic.com/35lw9yv.jpg

work

Gee thanks Emark! XD Really helped me a lot Just lock it now.