画像ファイルの切り替えをするには？

yasu7777 [E-Mail] 2000/01/10(月) 02:45:41
何枚かの画像ファイルをアップしてありますが、マウスではなくキー
ボード上のある特定のKEYを押すだけで画像を次々変えていくような
Scriptはできないでしょうか。
例えば、［Ｎ］を押せば次のファイルへ、［Ｐ］を押せば一つ前のファ
イルへと表示を変えていくような感じです。

Par 2000/01/10(月) 03:28:23
JavaScript1.2での話ですが、
document.onkeydownでキーが押されたイベントを捉え、
whichプロパティでどのキーが押されたかを取得する。
で[N]もしくは[P]なら以下の処理をする、という方法が
あります。

yasu7777 2000/01/10(月) 03:50:04
Parさんありがとうございます。
まだ初心者で、自分でscriptを書くところまでいかず、皆様のscript
を参考に修正しながら勉強しているところです。もし、よろしければ、
数行でいいですからScriptの実例を見せていただけませんでしょうか。
又、どなたか使用されているかたのＨＰアドレスでも結構です。

Par [E-Mail] 2000/01/10(月) 05:33:36
私も初心者ですので、調べるのに時間がかかってしまいました。すみません。

IEなら
<html><head><title>For IE</title>
<script language="JavaScript1.2">
function imgchange() {
if (event.keyCode == 78) {
alert ("N");
}
if (event.keyCode == 80) {
alert ("P");
}
}
document.onkeydown = imgchange;
</script></head>
<body>For IE</body></html>

NNなら
<html><head><title>For NN</title>
<script language="JavaScript1.2">
function imgchange(key){
if (key.which == 110) {
alert ("N");
}
if (key.which == 112) {
alert ("P");
}
}
document.onkeydown = imgchange;
</script></head>
<body>For NN</body></html>

このような記述でいかがでしょうか。
アラートの部分を画像変更のスクリプトに書き換えればよろしいかと思います。
ブラウザの判別をするスクリプトを付け加えれば、形になるかと。

yasu7777 2000/01/10(月) 06:27:59
[[解決]]
Parさん本当にどうもありがとうございました。
キーボードの操作に心地よく反応して画像が切り替わるようになりまし
た。画像変更のscriptも他人様のを頂いておりますが、早く自分でも
勉強してParさんのように人に教えられるようになりたいと思います。

最後に追加なんですが、keycodeの78とか80とかはどこで調べれば良い
のでしょうか。KEYを叩いたらKeycodeを表示するようなscriptを書い
て一つ一つ調べないといけないのでしょうか？

Par 2000/01/10(月) 06:49:24
先ほど[N]と[P]を調べたときは、やはり
alert(event.keyCode)
で数字とキーとの対応を見ました。

ちなみにkeyCodeは入力文字のUnicode番号を、
whichはISO-Latin-1コード番号を返します。

「JavaScriptポケットリファレンス」（技術評論社）という本には
巻末にキーコードの対応表が載っているので、調べる対象が多ければ
便利かと思います。

[上に] [前に] [次に]