フリックに対応したスライドショーjCarouselをイジってみる

たまにはマジメな話を。。。

とある案件でレスポンシブルなサイトを制作することになったのですが、
その中でスライドショーを実装する場所が
・出来れば各デバイスごとに見え方を最適化したい
・フリック対応したい
とゆー希望が
うん、そうだね、みんな好き勝手言うね

そこで先生に泣きついて聞いてみると、
「jCarouselがいいんでね?」
との回答をいただきましたのでそれをコチョコチョいじってみることに
詳しい設定はくらげだらけさんのコチラの記事を参照していただくといいかと

ただ、このままだとPCでもサムネが1つしか表示されないので希望に合わない
ということでPCではサムネが3つ、スマホでは1つになるように改変してみました
テストページ

読み込んだ時は1つでリロードすると3つになるとか、
iPadあたりのデバイスには対応してないとか、
まだまだ不具合が出まくってますが、とりあえずの形になったかなと