使用滑塊縮放

Question

我是一名jQuery初學者，希望爲我的需求構建一個短插件。我希望建立一盞燈，短時間表像插件，它必須看起來像下面這樣：

下的綠色欄中有可左右移動朝向或遠離各走兩個小矩形其他可放大/縮小上方時間線的內容（橙色條）。我試圖找到類似的插件，我可以使用它作爲參考寫入使用滑塊放大/縮小。
我發現了一些時間軸插件，如Timeglider等，它們以不同的方式實現了縮放功能，並且與上圖不同（我可以使用兩個矩形放大/縮小和縮放橙色欄中的時間軸）。

我想問一些關於在哪裏可以找到類似插件的建議，以便我可以將其用作參考，以瞭解如何使用滑塊進行縮放。或者如果沒有這樣的插件，我將不勝感激一些關於如何去實現插件的縮放功能的幫助。

Answer 1

你知道嗎，有jQuery UI的滑塊插件（link）。這將只是它的樣式問題，連接到幻燈片事件並在旅途中改變縮放級別。

我會擴展我的答案，但我缺乏關於您的HTML佈局的更多信息，希望在jsfiddle.net中看到您的一些代碼。