沒有jquery的Javascript傳送帶

Question

我正在嘗試構建一個完全像JCarousel的簡單版本的javascript傳送帶，但我希望完全沒有Jquery。我爲什麼要這樣做？那麼，因爲我試圖真正學習和理解JavaScript如何工作。

我一直在尋找一個沒有使用庫的例子，但我一直無法找到任何東西。如果任何人都可以指出我喜歡的東西，我會很感激。

現在，基本上我的問題涉及到構建旋轉木馬與圖像在列表中的移動有關。所以我列出了所有圖像，我有左右箭頭的按鈕，但是當我觸發事件時，我只是不知道從哪裏開始才能將所有圖像向左或向右移動...

任何線索？

謝謝！

Answer 1

你可能會發現使用庫的例子，因爲這些東西中的一些非常激烈。理論是，你想要製作一個非常寬的div，所有圖像水平排列，然後在按鈕上按下，設置div的css的左側位置，以添加或刪除圖像寬度的值。圖書館非常擅長將按鈕點擊連接到回調函數，查詢和設置元素的CSS，測量元素的寬度以及操作DOM（例如）一個<li>標記列表並將其變爲非常寬的div。添加圖形設計約束，雖然我讚揚和尊重您的手動操作願望，但您會花費很長時間重新發明輪子。