4
I would like to know how I can change the Slide Show script below so that it works with two action controls called Next and Previous and I need the Slide only change the text if the user click one of the buttons to make the Slide Show change.
Jquery
jQuery(document).ready(function(){
$(function(){
$('#slideshow h4:gt(0)').hide();
setInterval(function(){
$('#slideshow :first-child').fadeOut(2000)
.next('div').fadeIn(2000)
.end().appendTo('#slideshow');},
2000);
});
});
HTML
<div id="slideshow">
<div class="slideshow-element">Test 1</div>
<div class="slideshow-element">Test 2</div>
<div class="slideshow-element">Test 3</div>
<div class="slideshow-element">Test 4</div>
</div>
CSS
.slideshow-element{
position: absolute;
}
You tried something ?
– DontVoteMeDown
I still don’t know much about Jquery and JS.
– Striffer
To implement the buttons I believe it is necessary a considerable change.
– DontVoteMeDown
You don’t want more automatic transition, just the buttons, that’s it ?
– DontVoteMeDown
Yes ta great game that got automatic transition would weigh heavily the site.
– Striffer