コピペで使えるフェードアウトで画像切り替えするカルーセル（CSS+Javascript）～ mam_fadeout

JavascriptとCSSでランダムに回転した画像を重ねて表示しフェードアウトで切り替えるカルーセル～ mam_fadeout_carousel.js

mam_fadeout_carousel.js(17KB)ダウンロード

上記ボタンを押してmam_fadeout_carousel.jsをダウンロードします。
mam_fadeout_carousel.jsを使いたいファイルで、
```
  <script src="./js/mam_fadeout_carousel.js"></script>
```
のように、相対又は絶対パスでmam_fadeout_carousel.jsを指定します。
使用したいDIVタグのclassに"mamfadeinout"を指定します。

■使用例

画像は幅：縦＝４：１程度の横幅の長い画像を使用してください。

<script src="./js/mam_fadeout_carousel.js"></script>
<div id="mamfadeinout">
  <a href="/javascript/three_js_material.html" target="_blank"><img src="./imgs/fc01.png"></a>
  <a href="/javascript/three_js_geometry.html" target="_blank"><img src="./imgs/fc02.png"></a>
  <a href="/javascript/three_js_baseball.html" target="_blank"><img src="./imgs/fc03.png"></a>
  <a href="/javascript/css_ul_li.html" target="_blank"><img src="./imgs/fc04.png"></a>
  <a href="/javascript/css_nav_horizontal_menu.html" target="_blank"><img src="./imgs/fc05.png"></a>
  <a href="/javascript/css_toggle_switch.html" target="_blank"><img src="./imgs/fc06.png"></a>
</div>