jQueryプラグインを使わずにフリック＆ドラッグで動くスライダーを作ってみる | スターフィールド株式会社レスポンシブサイトが増えてきて、 フリックへの対応の必要性は日々高まっています。 今広まっている多くのスライダーやカルーセルのjQueryプラグインでは フリックやドラッグで動かすことができるようになってきています。 ただ、特殊な使用等のためプラグインがどうしても使えない場合は、 フリックやドラッグでの動きを、 プラグインなしでつける必要が出てくるかもしれません。 そのため、今回はその方法について調べて、 実際に作ってみました。 方法は、↓こちらのサイトを参考にさせていただきました。 jQueryで作る最もシンプルなフリックスライド DEMOはこちら↓ DEMO 参考にさせていただいたサイトではフリックのみに対応する場合だったので、 せっかくなので、マウスのドラッグに対応させる方法を紹介させていただきます。 まず、参考サイトに紹介されていたフリックに必要なjQueryの記述を載せます。 $
