图像滑块具有固定内容

Question

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

的滑块

其中内容保持不变，只是背景图像被滑落。

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

Answer 1

如果我在你的位置，我会使用flex slider在背景中滑动图像，并使用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。这是一个很好的。