jqueryの質問。
毎回、お世話になります。
jqueryを使ってリンク文字をクリックすると画像が変更できるようにしたいのですが、
上手くいきません。
<HTML>
<body>
<ul>
<li><a href="DSC_0014.jpg">a</a></li>
<li><a href="kamen.jpg">b</a></li>
<li><a href="irumi.jpg">c</a></li>
</ul>
<p><img src="DSC_0014.jpg" width="1000" height="671">
<SCRIPT>
$(function(){
("a:eq(0)").click(function(){
$("img").attr("src","DSC_0014.jpg").attr("alt","人物");
return false
});
$("a:eq(1)").click(function(){
$("img").attr("src","kamen.jpg").attr("alt","仮面");
return false
});
$("a:eq(2)").click(function(){
$("img").attr("src","irumi.jpg").attr("alt","イルミ");
return false
});
});
このコードだとリストa,b,cをクリックすると別ページに画像が表示されます。
その場での画像切り替えをしたいのですが、どこが間違っているのでしょうか?
宜しくお願い致します。
