mouseover mouseout i click Opcje

[bor1904]

Witam,
Niby banalna sprawa a jednak nie moge wpaść na proste rozwiązanie,

Mam kilka obiektów które po najechaniu przewijają swój bckg na czarnobiały ipo zdjęciu kursowa wracają na swoje miejsce.
Chciałbym by po click zostawał monochromatyczny widok (czyli nie zadziałało mouseover)...

Jak to zrobić najlepiej?

dziekuje

[Crozin]

Obsługę "po najechaniu" możesz zrobić w czystym CSS-ie, zaś obsługę "po kliknięciu" częściowo w JS-ie trzeba.

[HTML] pobierz, plaintext 
<div class="myElement">xx</div>
[HTML] pobierz, plaintext 

[JAVASCRIPT] pobierz, plaintext 
$("myElement").on("click", function() {
    $(this).toggleClass("clicked");
});
[JAVASCRIPT] pobierz, plaintext 

[CSS] pobierz, plaintext 
.myElement {
    width: ...px;
    height: ...px;
 
    background: url(...) no-repeat;
}
 
.myElement:hover, .myElement.clicked {
    background-position: 50% 0;
}
[CSS] pobierz, plaintext