javascript - 使用 slider 缩放

Question

我是 jQuery 的初学者，希望根据我的要求构建一个简短的插件。我希望构建一个像插件一样的轻量级且短时间线的插件，它必须如下所示:

下面的绿色条有两个小矩形，可以左右移动以接近或远离彼此，以放大/缩小上面时间线(橙色条)的内容。我尝试找到类似的插件，我可以将其用作引用来编写使用 slider 进行放大/缩小的操作。
我发现了一些时间轴插件，例如 Timeglider 等，它们的缩放功能以不同的方式实现，与上图不相似(我可以使用两个矩形来放大/缩小并缩放橙色栏中的时间轴)。

我想询问有关在哪里可以找到类似插件的建议，我可以将其用作引用来了解如何实现使用 slider 进行缩放。或者，如果没有这样的插件，我将不胜感激有关如何使用该插件的缩放功能的一些帮助。

Answer 1

您知道吗，有 jQuery UI 的 slider 插件 ( link )。这只是设计样式、连接到幻灯片事件以及随时更改缩放级别的问题。

我会扩展我的答案，但我缺乏有关您的 HTML 布局的更多信息，想在 jsfiddle.net 中查看您的一些代码。