光滑的滑块获得每个图像偏移

Question

如何获得每个图像偏移的光滑滑块。根据我的要求，我在右下角的每个图像中使用了图标题。所以我需要图像偏移。任何帮助我的人都可以使用光滑的滑块。

<div class="your-class">
  <div>
    <img src="images/img1.jpg" />
    <div class=" img-cnt ">
      <p>Image 1</p>
    </div>
  </div>
  <div><img src="images/img2.jpg" />
    <div class="img-cnt">
      <p>Image 2</p>
    </div>
  </div>
  <div>
    <img src="images/img3.jpg" />
    <div class=" img-cnt ">
      <p>Image 1</p>
    </div>
  </div>
</div>


<script type="text/javascript ">
  $(document).ready(function() {
    $('.your-class').slick({});
  });
</script>