Jak by jste naprogramovali toto?

macIgo

(2 hodnocení)

31. 12. 2013 14:04:45

zdravím,

právě řeším problém, jak v jquery nebo klidně něčem jiném naprogramovat něco podobné tomuhle.

Nevím si s tím rady.

Děkuji a přeji krásný nový rok. :)

31. 12. 2013 14:04:45

https://webtrh.cz/diskuse/jak-by-jste-naprogramovali-toto/#reply980750

Filip Šedivý

(25 hodnocení)

31. 12. 2013 14:08:01

Rozhodně jinak než přes canvas to nepůjde.

31. 12. 2013 14:08:01

https://webtrh.cz/diskuse/jak-by-jste-naprogramovali-toto/#reply980749

macIgo

(2 hodnocení)

31. 12. 2013 14:15:06

Jenomže v mém případě jde místo o kruh o celý div, který po průjezdu tou černou linkou musí změnit postupně barvu písma, jestli mi rozumíte...

31. 12. 2013 14:15:06

https://webtrh.cz/diskuse/jak-by-jste-naprogramovali-toto/#reply980748

---

(6 hodnocení)

31. 12. 2013 14:19:46

pouzi dva rovnake divy s roznou farbou, v dvoch roznych kontajneroch s overflow hidden... jeden bude miznut druhy sa objavovat a bude to vypadat ako jeden...

31. 12. 2013 14:19:46

https://webtrh.cz/diskuse/jak-by-jste-naprogramovali-toto/#reply980747

P-ierre

(43 hodnocení)

31. 12. 2013 14:21:27

Buď canvas - což je docela piplačka, ale jde to - a nebo http://api.jquery.com/animate/, to bych použil spíš.

Představ si ty dvě bílé plochy jako dva různé divy, které mají overflow:hidden. Použiješ dva obrázky (modrý a červený kruh) - modrý obrázek bude deklarovaný v levém divu, červený v pravém. Napozicuješ jim margin-left takový, aby byly na stejné pozici (tzn. modrý bude v tu chvíli mimo jeho rodičovský div a nebude vidět). Pak je přes animate budeš oba posouvat doleva (zmenšovat margin-left)... Ve chvíli, kdy se dostanou na ten prostředek, červený se začne skrývat a modrý se začne objevovat.

edit: Vlastně to ani nemusí být obrázky, ale třeba divy se zahnutými rohy (v takové míře, že budou vypadat jako kruhy). Nebo třeba canvasy :)

31. 12. 2013 14:21:27

https://webtrh.cz/diskuse/jak-by-jste-naprogramovali-toto/#reply980746

---

(6 hodnocení)

31. 12. 2013 14:25:09

presne tak :D

31. 12. 2013 14:25:09

https://webtrh.cz/diskuse/jak-by-jste-naprogramovali-toto/#reply980745

macIgo

(2 hodnocení)

31. 12. 2013 14:33:32

Mně napadlo řešit to třeba s vrstvami. Takové podobné řešení mě taky napadlo, jenom jsem nevěděl jestli to není moc kostrbatý a jestli se to nedá řešit jednodušeji. Teď už to vím.

Děkuji moc. A pěkný nový rok :))

31. 12. 2013 14:33:32

https://webtrh.cz/diskuse/jak-by-jste-naprogramovali-toto/#reply980744

Taps

(118 hodnocení)

31. 12. 2013 14:36:15

Ještě je možnost to řešit i přes CSS3 - viz např. http://jsfiddle.net/sdLU5/1/

31. 12. 2013 14:36:15

https://webtrh.cz/diskuse/jak-by-jste-naprogramovali-toto/#reply980743

macIgo

(2 hodnocení)

31. 12. 2013 14:40:03