使用滑块缩放

Question

我是一名jQuery初学者，希望为我的需求构建一个短插件。我希望建立一盏灯，短时间表像插件，它必须看起来像下面这样：

下的绿色栏中有可左右移动朝向或远离各走两个小矩形其他可放大/缩小上方时间线的内容（橙色条）。我试图找到类似的插件，我可以使用它作为参考写入使用滑块放大/缩小。
我发现了一些时间轴插件，如Timeglider等，它们以不同的方式实现了缩放功能，并且与上图不同（我可以使用两个矩形放大/缩小和缩放橙色栏中的时间轴）。

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

Answer 1

你知道吗，有jQuery UI的滑块插件（link）。这将只是它的样式问题，连接到幻灯片事件并在旅途中改变缩放级别。

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