slick[jquery]を使ってサムネイル[カルーセル]が付いたスライドショー - CodingManiaサムネイルの枚数が多くなっても、少なくなっても対応できます。Youtubeなども入れることができます。 slickのサイトよりプラグイン一式をダウンロードし、JSとCSSを読み込みます。 main.jsで動きを設定。style.cssでスタイルを調整しています。 不具合修正しました。左右の矢印、現在地表示追加。【更新：2016/04/15】 8枚に満たないい場合のスワイプに対応しました。【更新：2017/11/29】 デモページへopen_in_new JSとCSSを読み込みます <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <link rel="stylesheet" href="slick/slick.css"
![slick[jquery]を使ってサムネイル[カルーセル]が付いたスライドショー - CodingMania](https://cdn-ak-scissors.b.st-hatena.com/image/square/5ed52573d50af186170066bf4f8ae360846c1d57/height=288;version=1;width=512/http%3A%2F%2Fcodingmania.net%2Fwp-content%2Fthemes%2Fmaterialdesign_s%2Fimg%2Flogo_opg.png)
