水平滑动无法正常工作

Question

我有5张图片，我希望它们显示为内联，首先应显示3或2张图片，当我需要下一张图片时，我应该可以将图片向左侧滑动以查看更多图片。

我有一个插件，它工作正常，除非我按下鼠标按钮并向左滑动它只是捕捉鼠标行为而不再点击鼠标指针移动的地方，图像遵循相同的方向

<div class="container">
   <div class="row">
       <div class="col-12">
         <div class="horizon-swiper">
           <div class="horizon-item">
              <img src="img/tabimage1.jpg">
           </div>
            <div class="horizon-item">
              <img src="img/tabimage2.jpg">
            </div>
            <div class="horizon-item">
              <img src="img/tabimage3.jpg">
            </div>
            <div class="horizon-item">
              <img src="img/tabimage2.jpg">
            </div>
           <div class="horizon-item">
              <img src="img/tabimage2.jpg">
            </div>
        </div>
       </div>
   </div>
</div>

示例滚动到底部以查看图像菜单选项LINK

Plugin Here