Response title
This is preview!
How can I add navigation to my jquery slideshow?
in Using jQuery
•
6 years ago
I have a site on blogger and I used jquery slide in this page http://www.aniavouloudi.com/p/anagnorisis.html
How can I make it slide only with navigation buttons and how do I add them?
In HTML above </head> I put this:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>//<![CDATA[
$(function(){
$('#slider div:gt(0)').hide();
setInterval(function(){
$('#slider div:first-child').fadeOut(0)
.next('div').fadeIn(0000)
.end().appendTo('#slider');}, 4000);
});
//]]></script>
and in the post I made I used this:
<div id="slider">
<div>
<img src="url">
<img src="url">
<img src="url">
</div>
Thank you.
How can I make it slide only with navigation buttons and how do I add them?
In HTML above </head> I put this:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>//<![CDATA[
$(function(){
$('#slider div:gt(0)').hide();
setInterval(function(){
$('#slider div:first-child').fadeOut(0)
.next('div').fadeIn(0000)
.end().appendTo('#slider');}, 4000);
});
//]]></script>
and in the post I made I used this:
<div id="slider">
<div>
<img src="url">
<img src="url">
<img src="url">
</div>
Thank you.
1