Benim DOM bu gibi görünüyor:

<div id="d1">
   <div class="c1">
            <a href="#"><img src="img1_on.gif"></a>
            <a href="#"><img src="img2_on.gif"></a>
   </div>
</div>

Birisi bir görüntüyü tıklattığında, görüntü src x görüntü sayısını 1 veya 2 gösterir <img src="imgx_off.gif"> için değiştirmek istiyorum.

Bu mümkün veya CSS görüntüleri değiştirmek için kullanmak zorunda mıyım?

Bir WordPress kullanmak attr() fonksiyonu kullanabilirsiniz. Eğer etiket id özniteliği vardır ımg örneğin,'': . my_image

<img id="my_image" src="first.jpg"/>

Sonra jQuery src değiştirmek için:

$("#my_image").attr("src","second.jpg");

Özelliği, bir olay için bu eklemek için, yazabilirsiniz:

$('#my_image').on({
    'click': function(){
        $('#my_image').attr('src','second.jpg');
    }
});

Resmi döndürmek için, bunu yapabilirsiniz:

$('img').on({
    'click': function() {
         var src = ($(this).attr('src') === 'img1_on.jpg')
            ? 'img2_on.jpg'
            : 'img1_on.jpg';
         $(this).attr('src', src);
    }
});