具有固定内容的图像滑块

Question

i want to build a slider similar to https://www.airbnb.com.sg/

where the content remains constant , just the background image gets slided.

can you suggest me any jquery plugin with similar requirements?

Answer 1

If I were in your place, I would use flex slider to slide images in background and place my static content over slider using css absolute positioning.

first create a big slider using flex slider.

create your static content, for example:

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

make this static content div absolute positioned.

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

Answer 2

您可以尝试NivoSlider。这是一个不错的选择。