自由記入欄にスライド(フェードイン/フェードアウト)を設置する[HTML5テンプレート]

2021-01-01 15:00

下記のHTMLタグを使用することで、自由記入欄にスライド(フェードイン/フェードアウト)を設定できます。

※<div class="list_item_cell slide">~</div>を複製することで枚数を増やせます。
また「data-duration="2000"」でアニメーションが完了するまでの所用時間を設定できます。

<div class="top_image_slide fix_center">
<div class="swipe_list" data-current="current" data-adjustment="min" data-autoplay="notStop" data-cols="1" data-padding="0" data-duration="2000" data-interval="500" data-position="bottom" data-fade-in-fade-out="on" data-async="on">
<div class="list_item_table">
<div class="list_item_case">
<div class="list_item_row clearfix">

<div class="list_item_cell slide">
<span class="item_image_box">
<img src="画像URL:1枚目" width="980" height="450" alt="" />
</span>
</div>

<div class="list_item_cell slide">
<span class="item_image_box">
<img src="画像URL:2枚目" width="980" height="450" alt="" />
</span>
</div>

</div>
</div>
<div class="pointer_box has_pointer_btn">
<span class="pointer_prev"></span>
<span class="pointer"></span>
<span class="pointer_next"></span>
</div>
</div>
</div>
</div>