<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="dist/css/swiper.css"> <title>Title</title> </head> <body> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"><img src="https://haniwaman.com/cms/wp-content/uploads/2018/05/swiper01.png" alt="Swiper01"><
![【実例12パターン】画像スライダーはSwiper使っておけば間違いない!実用的な使い方を紹介 | HPcode(えいちぴーこーど)](https://cdn-ak-scissors.b.st-hatena.com/image/square/1b6ddb0161fd5dcc72e34baf6d7d273d8e9eef74/height=288;version=1;width=512/https%3A%2F%2Fhaniwaman.com%2Fcms%2Fwp-content%2Fuploads%2F2018%2F05%2Fswiper0.png)