| Autor | Zpráva | ||
|---|---|---|---|
| ztr Profil * |
#1 · Zasláno: 30. 7. 2014, 17:10:48
Zdravim, potřebuju radu. Jak při načtení stránky po dvou sekundách zobrazit obrázek a aby to nebyl tak ostrý přechod, tak třeba se sekundovým prolnutím z ničeho? Snad jsem to vysvětlil správně.
Předem díky. |
||
| Fisir Profil |
#2 · Zasláno: 30. 7. 2014, 17:16:14
Reaguji na ztra:
Asi kombinací CSS3 přechodů a JavaScriptu. Vyrobil jsem ukázku, ale byl by potřeba dodělat nějaký fallback pro prohlížeče neznající opacity (tam by se ten obrázek zobrazil hned).
|
||
| ztr Profil * |
#3 · Zasláno: 30. 7. 2014, 17:44:48
Fisir:
Paráda, díky. Akorát nějak nefunguje přechod s tím transition, což je pro mě možná i důležitější než časová prodleva. Ukázka: http://kod.djpw.cz/vseb- Kód: http://kod.djpw.cz/vseb |
||
| Fisir Profil |
#4 · Zasláno: 30. 7. 2014, 17:55:05
Reaguji na ztra:
Přenastavíš třídu z mrkev na shown. Použij:
document.getElementsByTagName('img')[0].className += ' shown'; |
||
| ztr Profil * |
#5 · Zasláno: 30. 7. 2014, 18:32:34
Fisir:
Funguje to parádně. A ještě menší odbočka, šlo by do toho samého kódu doplnit podobnou změnu i pro background? Bude to asi podobný, ale jelikož zase nějak extra css ani javascript neovládám, ten transition bude asi složitější.
Aktuální kód s dvěma přilinkovanými backgroundy: http://kod.djpw.cz/xseb |
||
| Bubák Profil |
#6 · Zasláno: 30. 7. 2014, 18:58:35
ztr:
„šlo by do toho samého kódu doplnit podobnou změnu i pro background?“ Podle specifikace CSS 3 background-image není animovatelná vlastnost. Mám tušení, že animaci background-image podporují jen prohlížeče založené na Chromiu. |
||
| ztr Profil * |
#7 · Zasláno: 30. 7. 2014, 19:15:46
Bubák:
Ok, asi jsem moc náročnej a nebude to zrovna standardní vlastnost. A ještě poslední věc, něco jako transition mezi stránkami? Jsem na jedné stránce, kliknu na odkaz do jiné sekce a aby se celá původní stránka během třeba 500 ms plynule změnila na tu novou.
|
||
| aDAm Profil |
#8 · Zasláno: 31. 7. 2014, 09:05:37
jen doplním že zřejmě to co hledáš je lazy loading pro obrázky? JS zablokuje načtení obrázku dokud není zbytek a pak je dohrává. Pokud je stránka delší tak obrázky za "horizontem" dohrává až je požadováno jejich zobrazení.
|
||
|
Časová prodleva: 10 let
|
|||
0