<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>表示する画像を何秒かでかえてみよう - ５・６年生にもわかるやさしい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>表示する画像を何秒かでかえてみよう - ５・６年生にもわかるやさしい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> | ||
| ||
| プログラムＡのソースをコピーして、画像を表示させたい場所のHTMLソースのBODY区間に貼り付けしましょう。 |
|
| プログラムＡのソースのいちばん下の行の src="images/icons1.gif" の images/icons1.gif がページが開いた時に表示されたパンダの画像ファイル名になっていますから、あなたがまず最初に表示したい画像のファイル名にかえてください。 | |||
| この images/icons1.gif は大きさが、よこ３２ピクセル、たて３２ピクセルの画像ですから、width="32" height="32" となっています。この 32 と 32 は、あなたの選んだ画像の大きさにかえてくださいね。 | |||
| 画像の大きさは、できるだけ同じがいいと思います。すべての画像は、この部分で指定した画像の大きさで表示されます。 | |||
| ３行目の "images/icons1.gif","images/icons2.gif","images/icons3.gif","images/icons4.gif","images/icons5.gif" が５つの画像のファイル名になっています。１番目は最初に表示したい画像のファイル名（プログラムＡでは images/icons1.gif ）にして、その他をあなたの表示させたい画像のファイル名にかえてください。 | |||
| プログラムＡでは、表示する画像を５つに設定していますので、下から６行目の if(n==5){n=0} の所が 5 となっています。あなたの表示させたい画像が３なら if(n==3){n=0} にしてください。 | |||
| 表示する時間の間隔（秒数）は、下から５行目の setTimeout("Gazou2()",3000) の部分で３秒なら 3000 、５秒なら 5000 にしてください。 | |||
| |||
| プログラムＢのソースをコピーして、HTMLソースの<body</font> の y のすぐうしろに半角スペースをひとつ入力してから貼り付けしましょう。 | |||
| |||
| ソースの文字をかえる時に、" や ; を消してしまわないようにしてください。 | |||
| |||
| <iframe src="banner56.html" width="478" height="70" scrolling="no" frameborder="0"></iframe> | |||
|
</body>
</html>
