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

[caricatos]

Tema movido desde javascript

[enrique4480]

para saber si se a hecho click solo tienes que verificar el valor del src y en ese caso no cambiar el src cuando se sale del objeto.

[Blashak]

Iniciado por enrique4480

para saber si se a hecho click solo tienes que verificar el valor del src y en ese caso no cambiar el src cuando se sale del objeto.

pero como hago para que se pare y no continue el hover??porque cuando yo salgo del objeto la imagen se cambia haga o no click.

[enrique4480]

pues eso te digo, no la cambies usando como referencia el valor de src.

Código Javascript:

//salir del objeto
    }, function(){
        if(valor!=clickeado)
        {
         $(this).attr("src", "rosa-b.jpg");
       }
    });
 

entrada = rosa-a.jpg

salida = rosa-b.jpg

click = rosa-c.jpg

si al salir el src = rosa-c.jpg se a clickeado, no cambias la imagen.