jquery - 具有固定内容的图像滑块

Question

我想构建一个类似于https://www.airbnb.com.sg/的滑块

在内容保持不变的情况下，只有背景图像被滑动。

你能建议我任何有类似要求的jquery插件吗？

Answer 1

如果我在你的位置，我会使用flex 滑块在背景中滑动图像，并使用 css 绝对定位将我的静态内容放在滑块上。

首先使用 flex 滑块创建一个大滑块。

创建您的静态内容，例如：

<div id="staticContent"> 
   <!-- your content such as form or anything goes here-->
</div>

使这个静态内容 div 绝对定位。

#staticContent{
  position:absolute;
  left:20%;
  top:20%; /*change these values*/
}

Answer 2

你可以试试NivoSlider。这是一个很好的。