※ ChatGPTを利用し、要約された質問です(原文:1つのファイルで画像をクリックしたら差し代わる方法)
1つのファイルで画像をクリックしたら差し代わる方法
このQ&Aのポイント
JavaScriptを使用して1つのhtmlファイルで複数の箇所に異なる画像があり、クリックすると別の画像に切り替わる方法について教えてください。
上記のようなソースコードを作成しましたが、うまく機能しません。どのように関数を書けば良いでしょうか?
JavaScript初心者です。助けていただけると幸いです。
1つのファイルで画像をクリックしたら差し代わる方法
表題のようにJavascriptで1つのhtmlファイルで複数の箇所に違う画像があり、それをクリックしたら別の画像に差し代わるということをしたいのですが、中々うまくいかずに困ってしまっています。
下記のようなソースになった場合にそれぞれ別の画像でクリックしたら違う画像に差し替えるには関数等の書き方はどのようにすれば宜しいのでしょうか。
どなたか教えてもらえますでしょうか?
Javascript初心者にて失礼しますm(_ _)m
下記に途中までやったソースがあるのですが、行き詰ってしまってます。。。。。
宜しくお願い致します。m(_ _)m m(_ _)m
・・・・・・・・・・・・・
JavaScriptは下記の通りです。
//1つ目の画像に関係するJavaScriptです
<script language="JavaScript">
num = 2;
nme = "image/index";
exp = "jpg";
cnt = 0;
function changeImage() {
cnt++;
cnt %= num;
document.index.src = nme + cnt + "." + exp;
}
</script>
//2つ目の画像に関係するJavaScriptです
<script language="JavaScript">
num = 2;
nme = "image/img";
exp = "jpg";
cnt = 0;
function changeImg() {
cnt++;
cnt %= num;
document.img.src = nme + cnt + "." + exp;
}
</script>
htmlは下記の通りです。
<!--1つ目の画像です-->
<a href="JavaScript:changeImage()">
<img src="image/index0.jpg" name="index" border="0"></a>
<!--2つ目の画像です-->
<a href="JavaScript:changeImg()">
<img src="image/img0.jpg" name="img" border="0"></a>