2016-04-11 21 views
-3

コードと機能を追加する前に私のウェブサイトがうまくいきました。 コードの周りのタグが原因である可能性があります。 ボタンを数字で固定する方法を知りたいです(クールミュージックボタンは問題ありません)。 My website is hereボタンが画像を表示しない

<script> 
 
function btnClicked() 
 
{ 
 
\t var audio = new Audio('http://a.tumblr.com/tumblr_lkfhhpM4M41qcmhugo1.mp3'); 
 
    audio.playbackRate = 2.5; 
 
    audio.loop = true; 
 
    audio.play(); 
 
} 
 
function changeImage1() 
 
{ 
 
\t document.getElementById("image").src= "https://media0.giphy.com/media/sIIhZliB2McAo/200.gif"; 
 
} 
 

 

 
function changeImage2() 
 
{ 
 
\t document.getElementById("image").src= "https://www.clicktorelease.com/code/gif/1.gif"; 
 
} 
 

 
function changeImage3() 
 
{ 
 
\t document.getElementById("image").src= "http://www.kizoa.com/img/e8nZC.gif"; 
 
} 
 

 
function changeImage4() 
 
{ 
 
\t document.getElementById("image").src= "http://www.netanimations.net/flying_pig_by_rutabaga.gif"; 
 
} 
 
</script> 
 
<button onclick="btnClicked()"> 
 
Cool Music 
 
</button> 
 
<button onclick="changeImage1()">1</button> 
 
<button onclick="changeImage2()">2</button> 
 
<button onclick="changeImage3()">3</button> 
 
<button onclick="changeImage4()">4</button>

+0

正確にはどのような問題がありますか? – Utkanos

+2

あなたは 'document.getElementById(" image ")'を使っていますが、あなたのソースコードを見るとIDイメージの要素はありません。 –

+0

あなたのウェブサイトには多くの間違いがあります。ヘッダーのソースを確認してください。 headセクションに 'h1' /' FONT'を書くことはできません。また、 '

0

Imageという要素にアクセスしようとしていますが、コードを調べると、ImageというIDの要素が見つかりません。

コンソールに「Uncaught TypeError:nullのプロパティ 'src'を設定できません」というメッセージが表示されます。これは、参照しているDOM要素が見つからないことを意味します。

0

document.getElementById("image")を使用していますが、ソースコードを見ると、IDイメージの要素はありません。