クロスフェード
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Crossfader</title> <style type="text/css"> <!-- *p2* { margin: 0; padding: 0; } div#container { width: 400px; margin: 50px auto; } img { border: none; } ul { list-style: none; } --> </style> <script src="js/bsn.Crossfader.js"></script> </head> <body> <div id="container"> <ul id="img_fader"> <li id="img1"><img src="images/q5.png" width="300" height="300" alt=""></li> <li id="img2"><img src="images/m5.png" width="300" height="300" alt=""></li> <li id="img3"><img src="images/i5.png" width="300" height="300" alt=""></li> <li id="img4"><img src="images/q2.png" width="300" height="300" alt=""></li> </ul> <script> var cf = new Crossfader( new Array('img1', 'img2', 'img3', 'img4'), 1000, 4000 ); </script> </div> </body> </html>
中身を読んでないのでわかりませんが、きっとulの中身を強制的にクロスフェードしてるのでしょう。。。