JavaScript / Angular / React / Vue中的Google相冊集合滑塊？

Question

我期待在我的 Angular / React 應用程序中創建一個垂直照片滑塊，就像我們在 Google Photos Web 版本中看到的那樣。 如果您還沒有在您的 Google 帳戶的https://photos.google.com/上看到它，這是附上的屏幕截圖

滑塊分為年度類別，其中小點代表月份。 根據您在特定月份擁有的照片創建點非常聰明。

如果您單擊任何點或年份，您的主要照片部分將根據選擇移動。

如果您使用鼠標滾輪或鼠標墊滾動瀏覽照片，此滑塊將根據您的滾動照片區域更改位置。

我試圖找到任何我可以檢查的開源 NPM 庫，但我還沒有。 如果我能獲得關於如何用純 JavaScript 或 TypeScript 構建它的任何幫助，我會非常高興。

任何想法，讓我們在評論中討論它們。

先感謝您。

Answer 1

您的要求已在滑塊和線性儀表組件中得到驗證。 但目前，我們不支持以不規則標簽間隔呈現 Slider 組件，如屏幕截圖所示。 線性儀表也無法滿足此要求。 此外，我們不直接支持在 Slider 組件中包含 Google 照片中維護的照片。 請從以下鏈接檢查滑塊和線性儀表組件的可用布局。

線性儀表： https ://ej2.syncfusion.com/demos/#/bootstrap5/linear-gauge/default

滑塊： https ://ej2.syncfusion.com/demos/#/bootstrap5/slider/default.html