Javascript 具有预览功能的不寻常响应拆分滑块

我看了大量不同的滑块，没有发现任何能满足设计师要求的东西。下面的图片应该有助于解释。请注意，页眉/页脚内容的滑块上下都有空间

答：基本上，我们的想法是使用一定的屏幕空间，比如说10%，使下一幅图像（2）在右侧部分可见

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

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

D.相反，当可用空间缩小时，间隙将缩小，并且

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

F.然后，如果需要，当前幻灯片（1）将开始从左侧和右侧剪辑（宽图像）

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

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

---

还没有图像发布权限，所以它在这里：

试试这个

查看网站上提供的更多示例……这可能有助于您的查询
这是另一个
祝你一切顺利

---

如果它对你有帮助，请投赞成票。：）

试试这个

查看网站上提供的更多示例……这可能有助于您的查询
这是另一个
祝你一切顺利

---

如果它对你有帮助，请投赞成票。：）

嗯。。。也许这一条有点难。当，一个多月没有评论了。看来这对这么多人来说太难了。好消息是我给客户报了很高的价格，因为看起来我将从头开始建设六羟甲基三聚氰胺六甲醚。。。也许这一条有点难。当，一个多月没有评论了。看来这对这么多人来说太难了。好消息是我给客户报了很高的价格，因为看起来我将从头开始建设很好，它看起来是一个很好的基础。尤其是使用onBefore/onAfter/onCreate！谢谢现在，找出最佳的方法来做“滑动和推”的效果。我已经编辑了答案…给了一个新的链接…检查它…它可能有助于你找到，它看起来是一个很好的基础工作。尤其是使用onBefore/onAfter/onCreate！谢谢现在，我想找出实现“幻灯片和推送”效果的最佳方法。我已经编辑了答案…提供了一个新链接…请查看…它可能会对您有所帮助