How to add previous and next buttons for the slider?
This will remove the dots, and add previous + next link:
Start with markup.js, find the section with $(’#slider’).easySlider and replace it with:
$("#slider").easySlider({
auto: false,
continuous: true,
numeric: false,
prevText: '« Previous ',
nextText: ' Next »',
speed: 2000
});
$('#slider').after('<div id="slidernav" />');
$('#prevBtn').appendTo($('#slidernav'));
$('#nextBtn').appendTo($('#slidernav'));
then open your stylesheet, and paste this code at the end of the file:
#slidernav {
text-align: center;
padding: 12px 0 0 0;
}
#prevBtn a, #nextBtn a, #playstop a {
color: #a4a29c;
font-size: 11px;
font-weight: bold;
cursor: pointer;
}
#prevBtn a:hover, #nextBtn a:hover, #playstop a:hover {
color: #666563;
}
Request processing...