Cambiar de imagen al hacer click

[Blashak]

Buenas,

Tengo este script en el que cambia de imagen cuando me pongo encima y vuelve a la imagen que tenia antes cuando salgo.queria agregarle que me cambie una imagen al hacer click. lo probe y cuando hago click se cambio pero cuando me salgo de encima se cambia la imagen.

Código Javascript:

//entrar del objeto
    $('.rosa img').hover(function(){
        $(this).css("cursor", "pointer");
        $(this).attr({
            src: "rosa-a.jpg",
        }); 
        
 
        //salir del objeto
    }, function(){
        $(this).attr("src", "rosa-b.jpg");
    });
    
 
//hace click
    $('.rosa img').click(function(){
    $(this).css("cursor", "pointer");
    $(this).attr({
        src: "rosa-c.jpg",
        }); 
    });
 

la idea seria que si yo hago click no se active la imagen rosa-b

Saludos