具有预览功能的异常响应拆分滑块

我已经查看了不同滑块的负载，但没有发现任何能实现设计者想要的功能的东西。下图应该有助于解释。请注意，滑块上方和下方都有用于页眉/页脚内容的空间。

A。基本上，这个想法是使用一定的屏幕空间，比如10%，使下一个图像（2）在右侧部分可见。

B。当前图像（1）向左浮动并填充高度-它可以是宽图像或窄图像。

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

D。反过来，随着可用空间的缩小，间隙将缩小，

E。间隙达到最小尺寸后，幻灯片会缩小。

F。然后，当前幻灯片（1）将开始从左侧剪切&如果需要（宽图像）。

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

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

还没有发布私人信息的图片，所以它在这里：https://i.stack.imgur.com/H0qyS.jpg