<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 7.0.1.0 for Windows">
<META http-equiv="Content-Style-Type" content="text/css">
<TITLE>タグ技のサンプル塾、クリックで画像を変化させる、josejose</TITLE>
<SCRIPT language="JavaScript">
<!--
if(navigator.appVersion.charAt(0) >=3) {
var changeImg= new Array();
changeImg[0] = new Image(); changeImg[0].src = "cubatag0.jpg";
changeImg[1] = new Image(); changeImg[1].src = "cubatag1.jpg";
changeImg[2] = new Image(); changeImg[2].src = "cubatag2.jpg";
var changeCount = 0;
function change() { if(changeCount < changeImg.length-1) {
changeCount++;
} else {
changeCount = 0; }
document.images["change_img"].src = changeImg[changeCount].src; }
}
//-->
</SCRIPT> </HEAD>
<BODY>
- - - - - - -
<A href="javascript:change()"><IMG src="htmlsanpul0.jpg" width="264" height="201" name="change_img" border="0"></A>
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
説明
21号
クリックで画像を変化させる
まず「HEAD内」に下記のタグを貼り付ける
<SCRIPT language="JavaScript">
<!--
if(navigator.appVersion.charAt(0) >=3) {
var changeImg= new Array();
changeImg[0] = new Image(); changeImg[0].src = "cubatag0.jpg";
changeImg[1] = new Image(); changeImg[1].src = "cubatag1.jpg";
changeImg[2] = new Image(); changeImg[2].src = "cubatag2.jpg";
function change() { if(changeCount < changeImg.length-1) {
changeCount++;
} else {
changeCount = 0; }
document.images["change_img"].src = changeImg[changeCount].src; }
}
//-->
</SCRIPT>
青字の部分（cubatag0.jpg以下3本）は表示したい画像名に入れ替えて下さい
番号を忘れずに
画像ファイルはお作りのＨＰフォルダーの中に置いて下さいね
- - - - - - -
次にｂｏｄｙ内のこのタグを表示させたい場所に貼り付けて下さい
<A href="javascript:change()"><IMG src="cubatag0.jpg" width="264" height="201" name="change_img" border="0"></A>
青字の「cubatag0.jpg」はトップに来る画像名に入れ替えて下さい
ピンクの「width="264" height="201」は画像サイズです。表示サイズはお好みで変えて下さい
ポイントは
準備する画像サイズをほぼ同サイズにし、width="264" height="201の数値を画像サイズ数値に
書き換えること。画像サイズ不揃えの場合には画像が変形します(3枚目）
枚数の増や仕方は
changeImg[2] = new Image(); changeImg[2].src = "cubatag2.jpg"
の[2]を[3][4][5]と、数字を変えて増やして下さい
貼り付け場所
1つ目 ｈｅａｄ内
2つ目 ｂｏｄｙ内で表示させたい場所
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■
 |
|
|
|
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
メールマガジンお申し込み
メールマガジン発行一覧
別メルマガ
フリーソフト活用同好会もよろしく
====================================================
※発行一覧はホームページからお入りください
塾生にとっての注意事項 |
Ⅰ：このＷｅｂページはホームページビルダーを使用してます。
各号ページ頭の表示は使用ソフトによって違いますが気にしないで。
Ⅱ：アットランダムに技を繰り出します。
Ⅲ：記入例はありとあらゆる所から取ってきたモノです。
従って塾長も読者も、レベルは変りません。
詳しい方で顧問希望者は歓迎します。
Ⅳ：メルマガは不定期で発行します。
Ⅴ：発行メルマガ一覧を置いておきます。
Ⅵ：お使いのＰＣ環境によっては技が機能しない場合があります。
その場合は諦めましょう。どうしてもという方は検索などで根気よく
チャレンジ。
Ⅶ：質問は横着人としての対応なので答えきれない場合が多々あり、
コピーさえすれば使用可なので聞かないで下さい。
Ⅷ：記入例導入等の判断はご自身の責任で実行し、
記入例導入により生じた損害、障害につきましては、
一切責任をおいかねます。
Ⅸ：配信は不定期、出来れば週１回、といっても、なにせ横着人のやる
ことですから。 連絡メルマガはテキスト形式、
メルマガからＷｅｂページに入って頂きます。
Ⅹ：ＣＭはタグ以上の全力投球で利用のこと。
※入塾・退塾は発行者サイトから手続きして下さい
|
＿＿＿＿＿＿＿＿＿＿＿＿＿
|
