南宮28(NG28)アプリダウンロード - 企業学習の促進 - NG283

カルーセル作成のためのシンプルなHTMLコード

	<div class="swiper-container">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
          <img src="images/project01.webp" alt="Image">
          </div>
          <!-- end swiper-slide -->
          <div class="swiper-slide">
             <img src="images/project02.webp" alt="Image">
          </div>
          <!-- end swiper-slide -->
          <div class="swiper-slide">
            <img src="images/project03.webp" alt="Image">
          </div>
          <!-- end swiper-slide -->
          <div class="swiper-slide">
            <img src="images/project04.webp" alt="Image">
          </div>
          <!-- end swiper-slide -->
          <div class="swiper-slide">
            <img src="images/project05.webp" alt="Image">
          </div>
          <!-- end swiper-slide -->
          <div class="swiper-slide">
           <img src="images/project06.webp" alt="Image">
          </div>
          <!-- end swiper-slide --> 
        </div>
        <!-- end swiper-wrappper -->
        <div class="swiper-pagination"></div>
        <!-- end swiper-pagination --> 
      </div>
      <!-- end swiper-container -->