Quiero cambiar una imagen a otra imagen cuando hago clic en el objeto. el código se apila en el siguiente orden:

<li><img><some text></img></li>
<li><img><some text></img></li>
<li><img><some text></img></li>
<li><img><some text></img></li>
<li><img><some text></img></li>

o que deseo hacer es, cuando hago clic en el

Quiero cambiar la imagen a una versión coloreada de la imagen, es decir, alguna otra imagen. Ahora, sé que puedo usar jquery / JS para lograrlo. Pero no quiero una gran cantidad de código JS para lograr algo tan simple.

¿Se puede hacer usando algo más simple? ¿Te gustan los pseudo selectores? .activa clase ??

Parece que no puedo pensar en eso.