Új hozzászólás Aktív témák

• disy68 aktív tag

  #8518

  #8514 coco2

  2021-04-12 20:46:44

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  disy68

  aktív tag

  #8514 coco2

  #8514 coco2

  Animációhoz szeretnék segítséget / tanácsot kérni.

  Van egy div, és van kettő kép (image erőforrás memóriaváltozóban). Egyszerre csak az egyik fér bele. Animációval cserélném őket (tipikusan gombnyomás, pld). A problémám az animációs folyamat kivitelezésével van.

  Tudok olyat csinálni, hogy z-index-en egymás fölé pakolom őket, és javascript időzítőn opacity átprogramozásával cserélem le a képet (a látványt). Aki látott már ilyet a gyakorlatban, valami tippet had kérjek, esztétikailag mennyire megszokható / elfogadható? Esetleg idegesítő vagy olyasmi?

  Kotorásztam képet div-ből ki/becsúsztatós példák után, de nem sikerült egyszerű példát lelnem, ami tisztán mutatja a húst a levesben és nem framework-öket hajigál egymásra számolatlanul. Ha valaki tud normális tan-példáról, egy linknek örülnék. A csúsztatós példáknak van annyi előnyük, hogy a mobil világ már bevezette, a világ hozzászokott. Hogy esetleg a jelen gyakorlat elavultnak tekinti-e, arról nem vagyok képben. Tanácsnak örülnék.

  A tippeket előre is köszönöm.

  Szerintem nincs gond az elképzeléssel. Pl. ki-be csúszkálás az elhelyezéshez képest jól festő irányba (föl/le/sarokba) a translate(x, y) css funlció segítségével plusz opacity. Itt egy egyszerű minta. Itt a képre kattintva megy a váltás, de persze lehet időzítve is.

Új hozzászólás Aktív témák