Autor Zpráva
ztr
Profil *
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
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 *
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
Reaguji na ztra:
Přenastavíš třídu z mrkev na shown. Použij:
document.getElementsByTagName('img')[0].className += ' shown';
ztr
Profil *
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
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 *
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
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í.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: