サムネイルがアニメーションしてループするスライダー

よくサイトの横幅いっぱいに画像が流れていくやつをみます。
カルーセルスライダーと同じものなんですが、もっとダイエットしているシンプルなものを作りたかったので、調べていました。
じゃあ見つけました。

いつも参考にさせてもらっている
http://black-flag.net
http://black-flag.net/jquery/20110707-3305.html

下記のソースはこちらを参考にさせていただいたんものです。
scssで書いているので必要であればcssに直してくださいね。

html

scss

Javascript

まとめ

極力プラグインを避けないとページが重たくなってしましいますからね。
これからも実戦で使ったコードを書きためていきます。

ほなね