Смена картинок по клике - jQuery
 

Ув. форумчане , хочу написать в jquery скрипт по смены картинок когда кликаешь по кнопкам на право или налево.
Вкладываю скрины что конкретно хочу и код которую уже написал.

http://prntscr.com/f7039b по кликам на эти картинки открывается окошко :
http://prntscr.com/f704z0 . На правом верхнем углу есть 2 стрелка . Вот дальше не получается ((

картинки берутся из БД. Но думаю это никак не влияет на JS.

var srcImg,
     countImg;
 
    $('.image').on('click', function () {
        // draggable and show() start
        $('.image-wrapper').draggable({
            handle: '.menu'
        }).show();
        // end
 
        srcImg = $(this).attr('src');
        countImg = $('.alboom').find('img').length;
 
        $('.photo').html('').append('<img src=' + srcImg + ' class="image-in">');
 
           // Вот отсюда уже много вариантов пробовал и толку нет 
            $('.right-img').click(function() {
              
// тут должна быть код смены картинок 
 
            });
 
 
            $('.left-img').click(function() {
              
 
            });
 
        //close start
        $('.close').on('click', function () {
            $('.image-wrapper').hide();
            $('.photo').html('');
        });
    });