2017-06-08 3 views
0

私はその上にドアを開ける家を作りようとしていました。私のコンピュータ上にあるJavaScriptを使用してイメージを使用できますか?

<img id="house" onmouseover="open()" src="doorclosed.jpg"/> 

、ここJavaScriptコードがあります:

function open() { 
      document.getElementById("house").src='dooropened.jpg'; 
    } 

は、私はすでにここで私はHTMLのために作られたコードですがフォトショップ上、家の2枚の画像を作り、

を.jpgのようにそれらを保存しています

問題は、Webページ上のクローズドハウスイメージをクリックすると、白いページが表示され、htmlファイル名がタイトルバーに表示されることです。

どうしたのですか?自分のコンピュータから画像を追加しないでください。そのURLを使ってインターネットからの画像と同じコードを使用したからです。

+0

デフォルトで画像をクリックすると、何もトリガーしません。 'onmouseover'にスワップコードを追加しました。ページ上に何か「onclick」を行う可能性のある他のHTMLはありますか? – Halcyon

+0

@Halcyon申し訳ありませんが、私の悪い、私はonmouseoverを意味しました。 –

答えて

0

機能名を変更する必要があります。たとえば、 "open"から "changeImg"に変更します。

<img id="house" onmouseover="changeImg()" src="doorclosed.jpg"/> 

function changeImg(){ 
      document.getElementById("house").src='dooropened.jpg'; 
    } 
+0

うまくいってくれてありがとう、しかしonmouseoutはどうですか? –

+0

あなたはそれのための新しい機能を作成する必要があります。

+0

ありがとうございます。 –

関連する問題