How to add previous and next buttons for the sl...

« See all FAQs for tooolip

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; }
by
by
by
by
by
by