Czy taki efekt zrobię CSS czy JavaScript? Opcje

[twojastara]

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?

[markuz]

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

[Crozin]

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

[twojastara]

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.

[Crozin]

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

[twojastara]

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

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

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

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?

Ten post edytował twojastara 8.05.2015, 14:49:37

[trueblue]

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.

[markuz]

@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/