Кликните по слайду для его смены

$('#next').cycle({ 
    fx:   'slideY',
	next: '#next',
    timeout:  0
}); 

Prev Next

$('#next_prev').cycle({ 
    fx:      'slideY',
	next: '#next_slide',
	prev: '#prev_slide',
    timeout:  0
}); 

$('#pager').cycle({ 
    fx:      'slideX',
    timeout: 0,
    pager:   '#nav'
}); 

Для вывода навигации необходимо лишь прописать пустой тег с соответствующим идентификатором (в нашем случае #id).
Не забудьте добавить в таблицу стилей вид навигационных кнопок.

<div id="nav"></div>

<style>
#nav a {border:1px solid #CCCCCC;background:#E8EAEA;text-decoration:none;margin:2px 3px;padding:1px 5px;}
#nav a.activeSlide {background:#DBC4E8;}
#nav a:focus {outline:none;}
</style>

$('#stop').cycle({ 
    fx:      'scrollUp', 
    easing: 'bouncein' 
});
$("#stop_button").click(function(){
$('#stop').cycle('stop');
}); 

$('#pause').cycle({ 
    fx:      'scrollUp', 
    easing: 'bouncein' 
});
$("#pause_button").click(function(){
$('#pause').cycle('pause');
								 });

$("#resume_button").click(function(){
$('#pause').cycle('resume');
								 });

 <button id="pause_button">Пауза</button><button id="resume_button">Пуск</button>