javascript - 带有预览的不寻常的响应式拆分 slider

Question

我查看了大量不同的 slider ，但没有发现任何能够实现设计师想要的东西。下图应该有助于解释。请注意，页眉/页脚内容的 slider 上方和下方都有空间。

一个。基本上，我们的想法是使用一定量的屏幕空间(比如 10%)让下一张图片 (2) 在右侧部分可见。

B.当前图像 (1) 向左浮动并填充高度 - 它可能是宽图像或窄图像。

C.以浅灰色显示的空间量将取决于用户的可用屏幕空间。当图像达到全分辨率时，间隙将根据需要扩大。

D.相反，随着可用空间的缩小，间隙也会缩小，并且

E.间隙达到最小尺寸后，载玻片缩小。

F.然后，如果需要(宽图像)，当前幻灯片 (1) 将开始从左侧和右侧剪裁。

G.对于动画，下一张幻灯片 (2) 滑过以填充间隙，然后将当前幻灯片 (1) 撞出，在将下一张图像部分拉入之前留下间隙。

是否有一个 slider 已经做了类似的事情，或者我是否需要修改现有的 slider ？如果是这样，什么是好的起点？我已经尝试过像 Flexslider 这样的工具，但是 JS 调整大小会干扰在屏幕上显示两个。

还没有图片发布特权，所以这里是:http://imgur.com/swYtr

Answer 1

试试这个……

Cool carousel

查看网站上提供的更多示例……它可能有助于您的查询。
这是另一个 http://jsfiddle.net/JCQ6Q/15/
一切顺利。
如果对您有帮助，请投票。 :)