|
MENU |
| TOP |
| JavaScript |
| HTML |
| FLASH |
| LINK |
| 相互リンク |
●画像をパラパラ漫画のように表示する
誰もが昔書いた覚えのあるであろう、パラパラ漫画をホームページ上で再現する方法です。
自分で描いた画像を使用するとそれだけでオリジナリティのある画面になりますよ！絵だけではなく文字を順番に表示したりするのも面白いでしょう。
サンプルコード
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML><HEAD>
<META http-equiv="Content-Script-Type" content="text/javascript">
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<TITLE>サンプル06</TITLE>
<SCRIPT type="text/javascript">
<!--
var gazouSet = 1;
gazou = new Array();
for(i = 1; i < 6; i++) {
gazou[i] = new Image() ;
gazou[i].src = "js_sample_images/06_gazou" + i + ".jpg" ;
}
function Para() {
document.animation.src = gazou[gazouSet].src;
gazouSet++;
if(gazouSet > 5) {
gazouSet = 1;
}
setTimeout("Para()",500);
}
//-->
</SCRIPT>
</HEAD>
<BODY onLoad="Para()">
パラパラ漫画表示！！
<P>
<img src="js_sample_images/06_gazou1.jpg" name="animation" alt="Animation" border="0" width="200" height="200">
</P>
</BODY></HTML>
動作サンプルはこちら