<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>表示する画像を何秒かでかえてみよう - 5・6年生にもわかるやさしいJavaScript</title>
<STYLE TYPE="text/css">
</STYLE>
</head>
<body onload="Gazou2()" bgcolor="#F0F8FF" link="#0099FF" vlink="#CC33FF" alink="#FF33CC">
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>表示する画像を何秒かでかえてみよう - 5・6年生にもわかるやさしいJavaScript</title>
<STYLE TYPE="text/css">
</STYLE>
</head>
<body onload="Gazou2()" bgcolor="#F0F8FF" link="#0099FF" vlink="#CC33FF" alink="#FF33CC">
| ||
表示する画像を何秒かでかえてみよう | ||
| ||
表示の例 | ||
| ||
![]() | ||
| ||
<script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> | ||
| ||
プログラムAのソースをコピーして、画像を表示させたい場所のHTMLソースのBODY区間に貼り付けしましょう。 |
|
プログラムAのソースのいちばん下の行の src="images/icons1.gif" の images/icons1.gif がページが開いた時に表示されたパンダの画像ファイル名になっていますから、あなたがまず最初に表示したい画像のファイル名にかえてください。 | |||
この images/icons1.gif は大きさが、よこ32ピクセル、たて32ピクセルの画像ですから、width="32" height="32" となっています。この 32 と 32 は、あなたの選んだ画像の大きさにかえてくださいね。 | |||
画像の大きさは、できるだけ同じがいいと思います。すべての画像は、この部分で指定した画像の大きさで表示されます。 | |||
3行目の "images/icons1.gif","images/icons2.gif","images/icons3.gif","images/icons4.gif","images/icons5.gif" が5つの画像のファイル名になっています。1番目は最初に表示したい画像のファイル名(プログラムAでは images/icons1.gif )にして、その他をあなたの表示させたい画像のファイル名にかえてください。 | |||
プログラムAでは、表示する画像を5つに設定していますので、下から6行目の if(n==5){n=0} の所が 5 となっています。あなたの表示させたい画像が3なら if(n==3){n=0} にしてください。 | |||
表示する時間の間隔(秒数)は、下から5行目の setTimeout("Gazou2()",3000) の部分で3秒なら 3000 、5秒なら 5000 にしてください。 | |||
| |||
プログラムBのソースをコピーして、HTMLソースの<body</font> の y のすぐうしろに半角スペースをひとつ入力してから貼り付けしましょう。 | |||
| |||
ソースの文字をかえる時に、" や ; を消してしまわないようにしてください。 | |||
| |||
<iframe src="banner56.html" width="478" height="70" scrolling="no" frameborder="0"></iframe> | |||
|
</body>
</html>