-2

我一直在制作淡入淡出图像幻灯片。我使用hoverizr来利用灰度效果。关键是，当图像在当前幻灯片上时，拇指应该是彩色图像。

根据给定的场景，我一直在尝试在每张幻灯片之后添加/删除类。我已成功在所有图像上添加了灰度类，但无法删除当前图像上的灰度。

问题是，是否可以使用 javascript 传递元素 ID，然后在 jQuery 中检索它？下面的代码示例：

 <script>
 function updateThumbs(element_id){
      var elem = element_id;
      $('#slide a img').addClass('greyScale')
      $('#' + elem).removeClass('greyScale');
 }
 </script>
 <div id="slide">
      <a onClick="updateThumbs('image_1');">
        <img src="..." id="image_1" class="greyScale">
      </a>
      <a onClick="updateThumbs('image_2');">
        <img src="..." id="image_2" class="greyScale">
      </a>
 </div>
4

1 回答 1

1

是的，你可以在这个庄园里使用 jQuery。但是，我会连接事件document.ready而不是 html。您可以将点击事件放在图像上而不是锚点上。

$(document).ready(function() {
    $("#slide img").click(function () {
        $('#slide img').addClass('greyScale');
        $(this).removeClass('greyScale');
    });
});

完整示例位于<a href="http://jsfiddle.net/jrummell/Y27Tr/" rel="nofollow">jsFiddle

addClass()还要注意语句中缺少的分号。

于 2012-08-22T18:27:49.733 回答