[WATARI] -JavaScript" Clinic

　・　・　・　・　・　・　・　・　・　・　 →次へ・トップへ戻る

その1.　画像を入れ替える！基本編です。

●サンプル　※クリックすると、画像が変わります。

●ソース（スクリプト側）　<HEAD>～</HEAD>の中に埋め込みます。


<SCRIPT>
function imgcg_2() {
	document["SAMPLE"].src ="sample2.gif";
}
</SCRIPT>

　「SAMPLE」という名前をつけたページ内の部品を、
　「sample2.gif」というファイルで置き換えています。
　※ダブルクォーテーション「"」を忘れないように！！

●ソース（呼び出し側）

<A href="javascript:imgcg_2()">
　画像を入れ替える。
</A>

●ソース（画像の表示のところ）

<IMG src="sample1.gif" name="SAMPLE">

　name="SAMPLE"が、ページの中の部品の名前になってます。