如何使用javascript使工作图像滑块正常工作？

Question

我正在尝试为我的网站制作图像滑块，但无法获取用于移动图像的按钮（向左和向右）

这就是我想要的东西：https : //jsfiddle.net/Narek_T/wsemLhtz/6/

$(".arrow-click").click(function() {

  var box = $(".image-container"),

    x;

  if ($(this).hasClass("arrow-right")) {

    x = ((box.width() / 2)) + box.scrollLeft();

    box.animate({

      scrollLeft: x,

    })

  } else {

    x = ((box.width() / 2)) - box.scrollLeft();

    box.animate({

      scrollLeft: -x,

    })

  }

})

到目前为止，这就是我所拥有的：https : //jsfiddle.net/7qfpa245/