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

Web制作 , テック系 3月 31, 2017 No Comments

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

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

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

html

scss

Javascript

まとめ

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

ほなね

【PR】 社会人のための<格安>語学留学【寮・食事付き】172,000円/1ヶ月 の完全マンツーマン留学 フィリピン政府公式認定語学学校【NILS】

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です