圖像滑塊與固定內容

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