イニングと呼ばれる私のimgのimg srcを変更することになっている非常に単純なコードがあります。changeImage
onclick 関数を呼び出し、現在の画像に応じてsrc
、次の画像の繰り返しに変更するのは非常に簡単です。コードは次のようになります。
<script type="text/javascript" >
function changeImage() {
var mySrc = document.getElementById('inning');
alert(mySrc.src);
if (mySrc.src = "1st.png") {
alert('im in here');
mySrc.src = "2nd.png";
}
else if (mysrc.src = "2nd.png")
mysrc.src = "3rd.png";
else if (mysrc.src = "3rd.png")
mysrc.src = "4th.png";
else if (mysrc.src = "4th.png")
mysrc.src = "5th.png";
else if (mysrc.src = "5th.png")
mysrc.src = "6th.png";
else if (mysrc.src = "6th.png")
mysrc.src = "7th.png";
else if (mysrc.src = "7th.png")
mysrc.src = "8th.png";
else if (mysrc.src = "8th.png")
mysrc.src = "9th.png";
else if (mysrc.src = "9th.png")
mysrc.src = "10th.png";
else if (mysrc.src = "10th.png")
mysrc.src = "1st.png";
}
</script>
</head>
<body>
<center> <label>SlowPitch Player Rotation</label></center>
<br /><br />
<Center>
<img id="inning" src="1st.png"
onclick='changeImage()' />
</Center>
今私が抱えている問題は、画像にヒットするたびにchangeImage()
関数がアラートにヒットし、src
静止していることを知らせることです1st.png
。その間、私の最初のアラートは、私が持っていることを教えてくれ2nd.png
ますsrc
。