ホームページで画像を流すスライダー(カルーセル)。 プラグインやライブラリを使えば簡単に実装できますが、たいてい色々なオプションを内蔵しているためにちょっと重めになっていますし、デザインにこだわると結局自分で調整することにもなりますよね。 その点、スライダーを自作すると必要な機能だけで済むので超軽量になりますし、構造に触れるのでデザインも自由自在となります。 今回お伝えするのは、jQueryをちょっとだけ使う最も簡単なスライダーです! クロスフェードする超シンプルなスライダー めちゃめちゃ簡単に書けるスライダーです。 クロスフェード(ディゾルブ)で画像が切り替わります。これだと普通の左右に流れるタイプよりはるかに簡単なのです。 See the Pen primary fading slider by Takayuki Kojima (@takayuki-kojima) on CodePen
![jQueryとCSSアニメでスライダーを簡単自作|フェードエフェクト編](https://cdn-ak-scissors.b.st-hatena.com/image/square/da692daa9334a5eb509b23a2561211a2bfde6fd4/height=288;version=1;width=512/https%3A%2F%2Fcodeisle.info%2Fblog%2Fwp-content%2Fuploads%2F2018%2F12%2Fmt-fuji-3776.jpg)