純粋なJavaScriptとCSSを使ってカルーセルを作る方法は？

Question

私はウェブページをデザインしており、thisのようなスライダが必要です。それについてどうすればいいのですか？これは美しい移行ですが、JavaScriptとCSSでどのように実装するかについてはわかりません。いくつかの人が私に正しい方向を向けることができますか？

Here's a screenshotスライダーに3つの画像があります。

Answer 1

「スライダー」という名前は、カルーセルです。

ウェブ開発を初めてご利用の方。私はあなたが簡単にはJavaScriptコンポーネントのビルドを使用してカルーセルを実装することができますブートストラップ、

http://getbootstrap.com/

を使用することをお勧め。

https://github.com/vadymshymko/PureJSCarousel

デモはここにある

http://getbootstrap.com/javascript/#carousel

あなたは、あなたが存在プロジェクトへの依存関係を導入GitHubの上でこのPureJSCarouselプロジェクトをチェックアウトしたくない場合は、

https://vadymshymko.github.io/portfolio/purejscarousel/