Javascriptで画像をバラバラに回転移動フェードアウトしながら順次画像を表示するアニメーション ~ mamImgSplitCarousel.js

Javascriptで画像をバラバラに回転移動フェードアウトしながら順次画像を表示するアニメーション ~ mamImgSplitCarousel.js

mamimgsplit_carousel.js(7KB)ダウンロード

■使い方

■使用例

<div style="display:flex;">
  <div style="width:20%;"></div>
  <div class="mam-image-split-carousel" style="max-width:800px;width:80%;" data-split="20">
    <div class="mam-image-split-carousel-child">
      <a href=""><img src="./imgs/car1.jpg" style="width:100%;"></a>
    </div>
    <div class="mam-image-split-carousel-child">
      <a href=""><img src="./imgs/car2.jpg" style="width:100%;"></a>
    </div>
    <div class="mam-image-split-carousel-child">
      <a href=""><img src="./imgs/car3.jpg" style="width:100%;"></a>
    </div>
  </div>
  <div style="width:20%;"></div>
</div>