如何使next / prev按钮起作用jquery gallery

Question

我是jquery的新手，并且遇到像这样的简单问题，我觉得这不适合我，但直截了当......我做了一个jquery画廊而且我不知道如何抓住它。微缩模型img src并将其放入#mainImg div框。

https://jsfiddle.net/sytknk46/1/

$(document).ready(function () {
  $('.miniatures img').on({
    click: function(){

      var imageUrl = $(this).attr('src');
      $('#mainImage').attr('src', imageUrl);
    }
  });
});

$(document).ready(function () {
  $('.next').on('click', function(){
    var currentImg = $('#mainImage');
    var mini = $('.imgStyle').attr('src');



    if(mini.length){
      currentImg.removeAttr('src');
      currentImg.addAttr(mini);
    }


  });
});