图像滑块与固定内容

Question

我想建立类似https://www.airbnb.com.sg/

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

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

Answer 1

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

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

创建静态内容，例如：

<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。它是一个很好的一个。