HTML codes:
<a href="#nothing" id="go_left">Go one slide left</a>
<a href="#nothing" id="go_right">Go one slide right</a>
<a href="#nothing" id="go_left_2">Go 2 slides left</a>
<a href="#nothing" id="go_right_2">Go 2 slides right</a>
<a href="#nothing" id="go_to_5_slide">Go to fifth slide</a>
<script>
(function($){
$(document).ready(function(){
$('#go_left').click(function() {
$('#slider1').content_slider('public_go_one_slide_left');
});
$('#go_right').click(function() {
$('#slider1').content_slider('public_go_one_slide_right');
});
$('#go_left_2').click(function() {
$('#slider1').content_slider('public_go_n_slides_left', 2);
});
$('#go_right_2').click(function() {
$('#slider1').content_slider('public_go_n_slides_right', 2);
});
$('#go_to_5_slide').click(function() {
$('#slider1').content_slider('public_go_to_slide', 4);
});
});
})(jQuery);
</script>