javascriptで画像がふわっとでてきてふわっと切り替わる

とっても前に使っていたのですが、いきなり思い出したので、メモ！です

Javascript / CSS Crossfader

ぼやんと、文字なり画像なりがでてきて消え、同じとこでまた別の文字なり画像なりが出てきて消えて…です！

設置が簡単！！

まずは、javascriptを呼び出して、

<script type=”text/javascript” src=”js/bsn.Crossfader.js”></script>

切り替え用のソースはこんな感じで

<div　class=”cf_wrapper”>
<div id=”cf1″>1個目</div>
<div id=”cf2″>2個目</div>
<div id=”cf3″>3個目</div>
</div>

</body>あたりにでも↓切り替えのタイミングを記述

<script type=”text/javascript”>
var cf = new Crossfader( new Array(‘cf1′,’cf2′,’cf3’), 500, 2000 );
</script>