幅300px、高さ250px(CSSで変更可)フェイドイン・フェイドアウトで画像が切り替わります自動で繰り返しますそれぞれの画像にリンクを貼ることができますCSSで作るスライドショーのコードCSSで作るスライドショーのhtml以下のコードを、スライドショーを表示させたい部分に記述します。 「a href=””」にリンク先を、「img src=””」に画像のurlやパスを書いてください。 CSSで作るスライドショーのCSS以下のコードをスタイルシートに追加します。 幅と高さ3行目「width」で幅を、4行目「height」で高さを指定しています。お好みで数字を変更することができます。 「nth-of-type」とはある要素の中の何番目の要素に対するスタイルか、ということを表しています。 「.fadeslide div:nth-of-type(1)」だと、「.fadeslide」というクラスの
![CSSで作るスライドショー(自動で繰り返し、フェイドイン・アウトで画像を切り替え、それぞれの画像にリンク) | うらなか書房のあやしいグッズあり〼](https://cdn-ak-scissors.b.st-hatena.com/image/square/2db0a697df94a6a09143e2e9a8bc8a8f27b77396/height=288;version=1;width=512/https%3A%2F%2Furanaka-shobou.com%2Fwop%2Fwp-content%2Fuploads%2Faspbanner.gif)