【無料】スライドバナーを作ってみよう!
ヘッダーなどに、「画像が切り替わって表示されるスライダー」があると目を惹きますよね!今回はSwiperという人気のスライダープラグインを使って作っていきたいと思います。フォルダを用意する今回はswiperというフォルダで進めていきます。画像を2枚以上用意するswiperフォルダの中にimgフォルダを作ってその中に、同じサイズの画像を2枚以上入れます。名前はここではbanner01.jpgとbanner02.jpgとしておきます。index.htmlを作る下記コードをまるっとコピペして、index.htmlという名前で保存します。これもswiperフォルダに入れます。<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>swiper</title><link rel="stylesheet" href="https: //cdn.jsdelivr.net/npm/swiperあっと9/swiper-bundle.min.css"><script src="https: //cdn.jsdelivr.net/npm/swiperあっと9/swiper-bundle.min.js"></script></head><body><!-- Sli
0