jQueryでｻﾝﾌﾟﾙｺｰﾄﾞが動かない
下記のjQueryを使ってますが､2つ画像がある内の1つしか動作しない状況です｡
参考ｻｲﾄ:http://h2ham.seesaa.net/article/124030086.html
※HTMLのｿｰｽは下記を使用するものとします
<a class="button" href="#"><img src="a.png" id="over1"></a>
<a class="button" href="#"> <img src="b.png" id="over1"></a>
jQueryのｻﾝﾌﾟﾙｿｰｽ
<script type="text/javascript">
(function($) {
$(function() {
$('#over1').opOver();
$('#over2').wink();
$('#over3').opOver(0.6,1.0);
$('#over4').opOver(1.0,0.6,200,500);
$('#over5').wink(200);
$('#over6').wink('slow',0.2,1.0);
$('#test1 .over ').opOver();
});
})(jQuery);
</script>
1つ目のa.pngは動作したのですが､b.pngは動きませんでした｡
ｺｰﾄﾞに問題があるのでしょうか？ご教授頂ければ幸いです｡
<a class="button" href="#"><img src="a.png" id="over1"></a>
<a class="button" href="#"> <img src="b.png" id="over1"></a>
b.pngのidがa.pngのものとかぶっているのでover2などに修正してください｡
$('#over2').wink();として動作するはずです｡
ﾍﾞｽﾄｱﾝｻｰ