-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.readyhtml の代わりにイベントを接続します。また、アンカーの代わりに画像にクリック イベントを配置することもできます。

$(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 に答える