Javascript Jqueryなしの円盤

Question

JCarouselのシンプルなバージョンとまったく同じようにJavascriptカルーセルを構築しようとしていますが、Jqueryを使わずにそのようにしたいと考えています。なぜ私はそれをしたいのですか？まあ、私は本当に学び、javascriptの仕組みを理解しようとしているからです。

私はライブラリを使用しないサンプルを見つけるために永遠に検索してきましたが、何も見つかりませんでした。もし誰かが私に必要なものに似たものを指摘できたら、私は感謝します。

ここで、カルーセルを構築する際の基本的な質問は、リスト内の画像の動きに関連しています。だから私はリストにすべての画像を持っている、私は右と左の矢印のボタンがあるが、私はイベントをトリガするときに、私はちょうどすべての画像を左または右に移動するために開始するかわからない...

手がかりはありますか？

ありがとうございます！

Answer 1

これらの事のいくつかはかなり激しいので、ライブラリを使用する例が見つかる可能性があります。その理論は、すべての画像が水平に配置された状態で非常に幅の広いdivを作成し、次にボタンのプッシュでdivのCSSの左の位置を設定して画像の幅の値を追加または削除することです。ライブラリは、ボタンのクリックからコールバック関数への配線、要素のCSSのクエリと設定、要素の幅の測定、domの操作（例えば<li>タグのリストの取得）、非常に幅広いdivの作成に非常に適しています。グラフィックデザインの制約を加えると、私は拍手を捧げて、手でそれをやりたいあなたの欲求を畏敬の念を抱いていますが、ホイールを改革するのに非常に長い時間を費やします。