Chodzi mi o efekt gdy po najechaniu na obrazek zmienia się on w inny.

Tak jak tutaj shop.lecoldeclaudine.com
pod zjęciem z trzema paniami.

Czy to JavaScript czy jakiś hover css?

Zwykly JS, event mouseover i mouseout, hide i show z opóźnieniem elementu nad zdjęciem z taką samą wysokością i szerokością.

CSS-em można: https://css-tricks.com/almanac/properties/a/animation/

No ale zdaje się te animacje nie reagują na zdarzenia. Nie czekają na mysz.

Skorzystaj z :hover i opacity: http://bavotasan.com/2011/a-simple-fade-with-css3/

Możesz coś więcej o hide, show? To coś co istnieje w JS/CSS czy nazwy moich funkcji w JS?


Dzięki za link to bardzo fajne efekty. Mi jednak chodzi o to by, tak jak na stronie którą podałem, nie tylko zmieniać opacity czy inną włąściwość przy :hover, ale by po zdarzeniu zmienił się kontent elementu. Czyli tylko JavaScript?

Tam się kontent nie zmienia, jeden element staje się przezroczysty i dzięki temu pojawia się element pod nim.
Połącz to, co podali Ci markuz i Crozin, i uzyskasz efekt.

@twojastara "kontent" elementu się nie zmienia - tylko jest pokazywany element nad zdjęciem. Metody hide i show są dostępne w jQuery.

Masz przykład z CSS i JS bez animacji: http://jsfiddle.net/5hxoLt99/