サンプルページ　　　背景画像切り替え

ﾎｰﾑ　へ　　　　　　　ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　　背景画像切り替え　bg_changer.htm

背景画像のｻﾝﾌﾟﾙにﾏｳｽｶｰｿﾙを置き、背景画像を切り替えます。　　　　　　DHTML。　　　　　　画像の変更・数の加減は簡単。　　Internet Explorer4.x～対応。　　　　　ｺﾋﾟｰ、編集し、簡単にWebで応用できます。

< ご使用方法 >

　・　ﾛｰｶﾙ（=PC）への保存は、bg_changer.htm、〔以下画像（例）は任意：bg_wahuu.gif、bg4.gif、bg6.gif、pgwck.gif、ngllgch.gif、wpckp.gif 〕を右ｸﾘｯｸ、[対象をﾌｧｲﾙに保存] - 【ﾌｧｲﾙのﾀﾞｳﾝﾛｰﾄﾞ】、【ﾌｧｲﾙ名を付けて保存】 - <保存する場所>： ……、などで。　　　　※: 変わってしまった、ﾌｧｲﾙ名や、*.html 中のﾊﾟｽは要修正。

　・　このDHTMLの実装方法は、bg_changer.htm をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄなどのHTML挿入/編集ﾒﾆｭｰなどを使って、新しいﾍﾟｰｼﾞ 1 や hogehoge.html（=任意の挿入先ﾌｧｲﾙ名）の、 <head>　～　</head> の任意の行間に (*1)を、さらに <body>　～　</body>の任意の行間に (*2) をﾍﾟｰｽﾄします。

　･　編集方法は、hogehoge.html を WordPad や SmipleTextなどのﾃｷｽﾄｴﾃﾞｨﾀｰ、あるいは ”FrontPage Express” などのﾎｰﾑﾍﾟｰｼﾞ制作ｿﾌﾄのHTMLﾀｸﾞ挿入/編集ﾒﾆｭｰで開き編集します。　　　　背景画像の変更は、準備した画像ﾌｧｲﾙ名を bg_wahuu.gif と、bg_wahuu.gif ～ wpckp.gif 部分に記述します。　　　　下記の（例） (*1) と、(*2)、(*3) を参考に太字部分の編集を任意に行います。　　　　※: ﾃｷｽﾄｴﾃﾞｨﾀｰによる編集は、HP制作ｿﾌﾄとの互換性の問題を生じません（HP制作ｿﾌﾄ間は少し生じる）。

　・　作動ﾃｽﾄは、ﾛｰｶﾙ（PC）に保存し、 Internet Explorer 10.x～などで開いて。　　　　更新の確認は、Internet Explorerを全て閉じ、再起動を行い、閲覧履歴の削除後に行います。　　　または、【Internet Explorer】- [ﾂｰﾙ] - [ｲﾝﾀｰﾈｯﾄｵﾌﾟｼｮﾝ] - [閲覧の履歴] - [削除] でも。　　　 [F5]ｷｰを押し、最新ﾃﾞｰﾀ読み込み、でも有効な場合があります。

　･　ｱｯﾌﾟﾛｰﾄﾞや作動ﾃｽﾄは、hogehoge.html と同じ階層〔ﾎﾙﾀﾞｰ/ﾃﾞｨﾚｸﾄﾘｰ〕に、使用する画像なども転送/配置し実施。　　※：別ﾃﾞｨﾚｸﾄﾘｰに配置時は、*.html 中のﾊﾟｽは要修正。　　　FTPなどで変わってしまったﾌｧｲﾙ名は要修正。　　　　ｽｸﾘﾌﾟﾄ構文中への改行混入は非作動原因。

(*1) ：　bg_changer.htm （例）　　　　　　　　　挿入先の　<head> ～ </head>　の、～部分にﾍﾟｰｽﾄします。

　HTMLの編集方法　

(*1) をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。

〔この列ﾍﾟｰｽﾄ不要〕

ｼﾌﾄJIS使用（削除不可）

ｉｅなどに表示するｱｲｺﾝﾌｧｲﾙ名（削除可）

ﾘﾝｸを新しいWinで開を標準（削除可）

お気に入り、ﾀｽｸﾊﾞｰに表示するﾍﾟｰｼﾞ名（≠ﾌｧｲﾙ名）

背景画像配置のﾎﾙﾀﾞｰURL（本ﾌｧｲﾙと同じﾎﾙﾀﾞｰに配置時は削除）

白地背景画像ﾌｧｲﾙ名（固定）

背景画像ﾌｧｲﾙ名

〔画像数の加減は、pic6～nの列追加・削除で〕

<title>サンプルページ　　背景画像切り替え</title>

<!-- Begin

if (navigator.appName == "Microsoft Internet Explorer") {

image_directory = "http://……/";

clear = new Image(); clear.src = image_directory + "wttec.gif";

pic1 = new Image(); pic1.src = image_directory + "bg_wahuu.gif";

pic2 = new Image(); pic2.src = image_directory + "bg4.gif";

pic3 = new Image(); pic3.src = image_directory + "bg6.gif";

pic4 = new Image(); pic4.src = image_directory + "pgwck.gif";

pic5 = new Image(); pic5.src = image_directory + "ngllgch.gif";

pic6 = new Image(); pic5.src = image_directory + "wpckp.gif";

}function imagechange(imgName) {

if (navigator.appName == "Microsoft Internet Explorer") {

document.body.background = eval(imgName + ".src");

}

// End -->

</script>

(*2) ：　bg_changer.htm （例）　　　　　　　　挿入先の　<body> ～ </body>　の、～部分にﾍﾟｰｽﾄします。

　HTMLの編集方法　

(*2)をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。

〔この列ﾍﾟｰｽﾄ不要〕

背景画像URL（本ﾌｧｲﾙと同じﾎﾙﾀﾞｰに配置時はﾌｧｲﾙ名のみ可）　枠線無し ｻｲｽﾞ

〔画像数の加減は、pic1～picnの列の追加・削除で〕

<body>