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

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('');
        });
    });

        for( var i = 0; i >= srcArray.length; i++ ) {}
 
        console.log(srcArray);
 
        $('.right-img').click(function() {
            if(i > srcArray.length - 1) {
                i = 0;
            }
            console.log(srcArray[i]);
            $('.photo').html('<img src=' + srcArray[i] + ' class="image-in">');
            i++;
        });
 
        $('.left-img').click(function() {
            if(i < 0) {
                i = srcArray.length - 1;
                console.log(i);
            }
            console.log(srcArray[i]);
            $('.photo').html('<img src=' + srcArray[i] + ' class="image-in">');
            i--;
        });