CSSで作るスライドショー（自動で繰り返し、フェイドイン・アウトで画像を切り替え、それぞれの画像にリンク） | うらなか書房のあやしいグッズあり〼

ある日ふと「バナー画像をスライドショーで表示したい」と思いつきまして、作成に挑戦してみることにしました。 かなり手こずったものの、思い描いていたようなスライドショーをなんとか形にすることができたので、備忘録として以下にコードなどを載せておこうと思います。 CSSで作るスライドショーの見本 幅300px、高さ250px（CSSで変更可）フェイドイン・フェイドアウトで画像が切り替わります自動で繰り返しますそれぞれの画像にリンクを貼ることができますCSSで作るスライドショーのコードCSSで作るスライドショーのhtml以下のコードを、スライドショーを表示させたい部分に記述します。 「a href=””」にリンク先を、「img src=””」に画像のurlやパスを書いてください。 CSSで作るスライドショーのCSS以下のコードをスタイルシートに追加します。 幅と高さ3行目「width」で幅を、4行目

[uranaka-shobou]

id:ishikawayulioさん、どこかでご活用頂けたら幸いです！

[ishikawayulio]

このスライドショーは凄いですね。このワードプレスでカスタマイズしたい場合、便利ですね。