カルーセルが見つからないこともありますが、今回はレスポンシブ&スワイプ対応のカルーセルプラグインのOwlCarouselを試してみます。作業の前提条件は、下記のとおりです。必要なアーカイブをダウンロードし、解凍します。.CSSファイルの指定owl.carousel.cssおよび、owl.theme.cssを指定します。rel="stylesheet">jsファイルの指定jquery.jcarousel.jsを、HTMLファイル中に指定します。3で画像のカルーセル機能を試して見るで使用したイメージを使用して、表示するコンテンツを作成します。alt="08"></div></div>JavaScriptの指定OwlCarouselのロードを行うJavaScriptを追加します。ここでは、スライドショーを実行し、一度に表示される画像の数を2に指定しています。});</script>ページを表示し、ブラウザの幅を狭くすると、レスポンシブ対応が確認できます。</body></html>デモは、050.htmlからご覧頂けます。ファイルは、050.zipからダウンロードできます。