使用滑块缩放

Question

我是jQuery的初学者，并希望为我的需求构建一个简短的插件。我希望像插件一样构建一个简短的时间轴，它必须具有以下内容：

下面的绿色条有两个小矩形，可以左右移动或相互远离，以放大/缩小上面时间轴的内容（橙色条）。我试图找到类似的插件，我可以用它作为参考来使用滑块进行放大/缩小 我找到了一些时间轴插件，如Timeglider等，它们以不同的方式实现缩放功能，与上图不同（我可以使用两个矩形放大/缩小，缩放时间线为橙色条）。

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

Answer 1

您知道吗，jQuery UI（link）有滑块插件。这只是造型的问题，连接到幻灯片事件和随时改变缩放级别。

我会扩展我的答案，但是我缺少关于你的HTML布局的更多信息，想在jsfiddle.net上看到你的一些代码。