最速怪談選手権

急いでいます！

ドロップダウンメニューで画像を変えたいが、上手くいかない。

締切済

  • 質問者：クモハ410系
  • 質問日時：
  • 回答数：1件

ドロップダウンメニューで画像が変わるようにしたいですが、上手くいきません。
コードは下のように書きました。
多分画像の選択方法が間違えてるんじゃないかなと思っていますが、実際のところわかりません。
どうしたらよいでしょうか。
よろしくお願いします。
なお、画像は次のものにしたいです。レット…https://tetudoujapan.web.fc2.com/a922f.gif　オレンジ…https://tetudoujapan.web.fc2.com/560d0.gif　グリーン…https://tetudoujapan.web.fc2.com/mul92.gif　ブルー…https://tetudoujapan.web.fc2.com/reri.gif　グレー…https://tetudoujapan.web.fc2.com/560d0.gif

～～～～～～～～～～～コード～～～～～～～～
<HEAD>
<SCRIPT language="JavaScript">
<!--

img0=new Image()
img0.src="images/red.gif"
img1=new Image()
img1.src="images/orange.gif"
img2=new Image()
img2.src="images/green.gif"
img3=new Image()
img3.src="images/blue.gif"
img4=new Image()
img4.src="images/glay.gif"

function imgChange(parts){
fname=parts.options[parts.selectedIndex].value;
if(fname==0){document.imgsmp.src=img0.src;}
if(fname==1){document.imgsmp.src=img1.src;}
if(fname==2){document.imgsmp.src=img2.src;}
if(fname==3){document.imgsmp.src=img3.src;}
if(fname==4){document.imgsmp.src=img4.src;}
}

// -->
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<P><IMG src="images/red.gif" width="180" height="120" name="imgsmp"></p>
<P><SELECT name="channel" size="1" onchange="imgChange(this)">
<OPTION value="0">レッド
<OPTION value="1">オレンジ
<OPTION value="2">グリーン
<OPTION value="3">ブルー
<OPTION value="4">グレー
</SELECT></P>
</FORM>
<BODY>

質問者からの補足コメント

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (1件)

参考程度に

No.1

  • 回答者： fujillin
  • 回答日時：

こんにちは



＞上手くいきません。
＞コードは下のように書きました。
スクリプトは（記述の通りに）実行されているようです。
何が「うまくいかない」のかわかりませんが、画像のURLが間違っているとか、画像が無いとかではないのでしょうか？
（意図と違う記述をしていて、「違う」とおっしゃっている場合は、ご質問文からでは何とも判断できませんけれど…）

＞なお、画像は次のものにしたいです
でリンクされているものも表示できないみたいですし・・・

以下は、ご質問には関係ありませんが・・・
index値で入れ替えるのなら、画像の方も配列にしておけば、いちいち場合分けをしなくても済むようになります。
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報