Transformer bouton radio en image cliquable

Bonjour,

J'ai actuellement ce code :

<ul class="advcSearchList" style="width: 700px;">
<li class="" style="list-style: none outside none; display: inline; margin-right: 150px;">
<label>
<input class="advc_checkboxSearch" type="radio" value="19" name="category">
4X4
</label>
</li>
<li class="" style="list-style: none outside none; display: inline; margin-right: 150px;">
<label>
<input class="advc_checkboxSearch" type="radio" value="18" name="category">
CTTE
</label>
</li>
<li class="" style="list-style: none outside none; display: inline; margin-right: 150px;">
<label>
<input class="advc_checkboxSearch" type="radio" value="17" name="category">
Tourisme
</label>
</li>
</ul>

Connaissez vous un moyen de remplacer les bouton radio par des images cliquable ?

Par defaut ils ont tous le bouton_xxx.jpg ou bouton_yyy (pour le second) ou bouton_zzz (pour le troisieme)
et si l'on clique sur l'un d'eux, il se transforme en bouton_xxx_jaune pour le premier par exemple

Une idée?

Merci d'avance