Jquery efekt přechodu z jedné fotografie do druhé

14. 10. 2015 14:35:03

Na přechod z jedné fotografie do druhé používám FadeOut / FadeIn. Problém ale u tohoto efektu je ten, že přechod není plynulý. První fotografie zmizí a druhá se zobrazí.

Existuje nějaký efekt, kdy jakoby první fotografii přepíše fotografie druhá?

Něco jako mají u přechodu snímku na webkameře. Ze zdrojového kódu ale nevyčtu efekt jQuery. Jestli vůbec nějaký používají.

14. 10. 2015 14:35:03

https://webtrh.cz/diskuse/jquery-efekt-prechodu-z-jedne-fotografie-do-druhe/#reply1146367

Malcánek Jan

(4 hodnocení)

14. 10. 2015 14:44:05

Mělo by fungovat něco takového:

http://www.simonbattersby.com/blog/simple-jquery-image-crossfade/

Obrázky je potřeba nechat "nad sebou", aby se překrývaly (jako vrstvy). Jinak se napřed zmizí jeden obrázek a nahraje druhý, což je Váš případ. Snad to pomůže.

14. 10. 2015 14:44:05

https://webtrh.cz/diskuse/jquery-efekt-prechodu-z-jedne-fotografie-do-druhe/#reply1146366

Vladimír Večeřa

(94 hodnocení)

14. 10. 2015 14:59:25

Efekt by měl být mezi starým a nově načetlým obrázkem. Efekt crossfade je sice přímo ten co bych potřeboval, ale dva obrázky zároveň nenačtu. Vždy se přepisuje jeden obrázek druhým.

14. 10. 2015 14:59:25

https://webtrh.cz/diskuse/jquery-efekt-prechodu-z-jedne-fotografie-do-druhe/#reply1146365

Malcánek Jan

(4 hodnocení)

14. 10. 2015 15:16:14

Tzn. celý proces probíhá pomocí jquery? Pak by tam šel ten obrázek, který se načte jako druhý, dát jako druhý element přes první obrázek, ne? Nebude se tudíž měnit src prvního obrázku, ale přidá se celý tag . A po načtení druhého obrázku se může první smazat (jelikož už je celý překrytý).

Celý proces bych tedy shrnul asi takto:

Chci načíst druhý obrázek -> za použití efektu ho vložím přes první obrázek -> v momentě kdy překrývá celý původní obrázek můžu původní obrázek smazat

14. 10. 2015 15:16:14

https://webtrh.cz/diskuse/jquery-efekt-prechodu-z-jedne-fotografie-do-druhe/#reply1146364

Pro odpověď se přihlašte.

Přihlásit