javascript onClick图像链接

时间:2011-12-22 00:06:49

标签: jquery image hyperlink onclick

我需要知道如何拥有多张图片,点击后,调用/设置一个javascript弹出窗口。

这是我的javascript:

$(document).ready(function() {
   $('#my-link').click(function(e) {
       e.preventDefault();

       $('.offerlink').click(function() {
        setTimeout('removegateway()', Delay*10);
       });
       setupgateway();
    });

这是我的形象/来电者:

<a href="http://www.google.com" id="my-link" onmouseover="over_image('img13');" onmouseout="off_image('img13')" style="position: absolute; top:362px; left: 364px;"/> 
  <img src="http://blah.png" border="0" name="img13"></a>

...当我在一个图像旁边放置'id =“my-link”'时它工作正常,但当我尝试将它放在一个以上时,只有第一个(代码中的第一个)一个调用弹出窗口。我需要改变什么?

1 个答案:

答案 0 :(得分:2)

要触发所有图片的功能,您必须使用class而不是id

 $('.my-link').click(function(e) {
    // ...
 });


<img src="http://blah.png" class="my-link" />
<img src="http://blah.png" class="my-link" />