Nivo Slider Caption
4 posters
Page 1 of 1
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
And how can I put Captions in every slide?
Thanks!
My Forum
Re: Nivo Slider Caption
Put this in your Homepage Message (ACP > Display > Homepage > Generalities)
Now all you need to do is to edit the image.
Change this one with your image url.
- 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
Re: Nivo Slider Caption
Topic Solved & Locked |
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Similar topics
» Nivo Slider
» Nivo Slider not working
» Nivo Slider Problem
» Problem with Nivo Slider
» Nivo Slider HTML Page
» Nivo Slider not working
» Nivo Slider Problem
» Problem with Nivo Slider
» Nivo Slider HTML Page
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum