javascript - Slider from the left side of screen to the right side of content

Question

This is my first post so hello! :) I have a problem with coding my site!

May I show it on this picture:

I want to make a slider (with captions for each slide) which is aligned to the right edge of content div.wrap. But left side of it must by to the left side of the screen. It must change to the screen resolution (always to the right edge of the content div.wrap Something like this

Right edge of div.wrap must be a limit.

I have no idea how to do this. The slider must be a background fader? Or img fader?

Please help me or show me how to do this on similar example.

Answer 1

除了@Itay 的回答，这里是一个 jsfiddle，它可能会帮助你使用 CSS。

http://jsfiddle.net/mmWq6/4/

我使用了 500 x 200 像素的滑块示例。我猜这将是我希望您正在创建的网页的微型版本，如果您将“结果”窗口缩小然后再扩大，您会发现我认为该设计可以按照您的意愿工作。

这个演示基本上展示了 Itay 的注释，它有一个#slider-wrapper包含 CSS 的包装器 ( )position: relative和一个带有 CSS 的 div：

#slider-wrapper-inner {
    position: absolute;
    right: 0;
}

然后在.slide其中是相对定位.caption的 s 和绝对定位的 s ，如上（但有一条额外的线：bottom: 0;），因此它们位于右下角。