Сделал пример чтобы показать саму суть работы подобных плагинов,
до двух кнопок уверен сможешь допилить сам. Перемотка назад, практически калька с перемотки вперёд,только вмеcто next юзай prev, и в проверке на отсутствие картинок (строка 28) ставь вместо первой картинки последнюю.
<!DOCTYPE HTML>
<html>
<body>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
// скроем изображдения в начале
$("#imgs img").hide();
// выберем первое изображение как стартовое
var select= $("#imgs img:eq(0)");
//покажем первую картинку
select.show();
// вместо кнопок использую само изобюражения
$("#imgs img").click(function(){
//скроем текущее изображение
select.hide();
//выберем следующее изображение
select=select.next();
//если следующего изображения нет (ну нету, кончились они :) ), тогда выберем вновь первое изображение
if (select.attr("src")==undefined){select=$("#imgs img:eq(0)");};
//покажем вновь выбранное изображение.
select.show();
});
});
</script>
<div id="imgs" align="left">
<img width="200px" src="http://img-fotki.yandex.ru/get/5013/78967976.57/0_822f5_e013c42f_XL" />
<img width="200px" src="http://demotivatorsblog.ru/uploads/www.demotivations.infon2p4qmmzm5mz.jpg" />
<img width="200px" src="http://www.radionetplus.ru/uploads/posts/1317536159_demotivatory__402.jpg"/>
<img width="200px" src="http://demotivatorbi.ru/s/t/big/tbc0oz3f60nk6.jpg"/>
<img width="200px" src="http://s41.radikal.ru/i094/1005/4a/18e7f2b3f3c3.jpg"/>
<img width="200px" src="http://kotomatrix.ru/images/lolz/2009/10/19/381110.jpg"/>
<img width="200px" src="http://best-dem.ru/wp-content/uploads/2010/10/x_410f4ef9-%D0%BA%D0%BE%D0%BF%D0%B8%D1%8F.jpg"/>
</div>
</body>
</html>