jquery.flexslider.jsを使ってスワイプ（swipe）に対応した画像スライダーを表示する方法｜DAD UNION – エンジニア同盟

この記事では、jQueryのプラグインであるjquery.flexslider.jsを使用して、スマートフォンやタブレットのスワイプ（swipe）操作に対応した画像スライダーを作成する方法を紹介します。 スマートフォンやタブレットの普及により、スワイプ操作は非常に重要な要素となっており、ユーザーエクスペリエンスを向上させるためにも、対応が必須です。 スワイプ（swipe）に対応した画像スライダーのCSSの記述 まず、スライダーを表示するためのCSSを記述します。flexslider.cssファイルを読み込み、スライダーのスタイル.flexsliderを設定します。以下のコードをHTMLファイルに追加してください。 <link rel="stylesheet" href="flexslider.css" type="text/css" media="screen" /> <style> bo

[you1tech]

画像スライダー系の１つですね。