Zadejte hledaný výraz...
Jakub Glos
Webtrh.cz
Vývoj webových stránek na WordPressu a proklientský přístup pro freelancery
Třídenní infromacemi nabitý prezenční + online kurz v Praze od Webtrhu pouze za 2 871 Kč
Více informací

Preload dynamicky zobrazených obrázků

David Kácha
verified
rating uzivatele
(39 hodnocení)
30. 4. 2015 11:27:41
Zdravím,
poprosil bych o radu.
Pro příklad mám element, který má data atribut obrazek.
Po kliknutí na element chci zobrazit obrázek
To celé funguje, ale už nevím, jak přidat preloader.
30. 4. 2015 11:27:41
https://webtrh.cz/diskuse/preload-dynamicky-zobrazenych-obrazku/#reply1110173
Petr Soukup
verified
rating uzivatele
(5 hodnocení)
30. 4. 2015 11:29:47
Třeba takhle:
A Way to Preload Images without JavaScript that is SO Much Better | Perishable…
30. 4. 2015 11:29:47
https://webtrh.cz/diskuse/preload-dynamicky-zobrazenych-obrazku/#reply1110172
David Kácha
verified
rating uzivatele
(39 hodnocení)
30. 4. 2015 12:40:35
Napsal Souki;1191119
Třeba takhle:
A Way to Preload Images without JavaScript that is SO Much Better | Perishable…
To v tomto případě není bohužel možné. Je tam velké spousta fotek, které je možné zobrazit a všechny si je přednačíst není hezké a ani se nestihnout přednačíst.
30. 4. 2015 12:40:35
https://webtrh.cz/diskuse/preload-dynamicky-zobrazenych-obrazku/#reply1110171
Petr Soukup
verified
rating uzivatele
(5 hodnocení)
30. 4. 2015 13:11:35
Pak tomu ale nerozumím - jak se tady pozná, kdy se má fotka přednačíst?
30. 4. 2015 13:11:35
https://webtrh.cz/diskuse/preload-dynamicky-zobrazenych-obrazku/#reply1110170
David Kácha
verified
rating uzivatele
(39 hodnocení)
30. 4. 2015 13:19:37
Napsal Souki;1191147
Pak tomu ale nerozumím - jak se tady pozná, kdy se má fotka přednačíst?
Po kliknutí na element se objeví loader a až se fotka načte, tak zmizí a fotka se zobrazí.
30. 4. 2015 13:19:37
https://webtrh.cz/diskuse/preload-dynamicky-zobrazenych-obrazku/#reply1110169
Petr Soukup
verified
rating uzivatele
(5 hodnocení)
30. 4. 2015 13:48:33
Na to by úplně stačilo dát v css na obrázek pozadí s načítací animací. Po načtení obrázku se překryje skutečným obrázkem.
30. 4. 2015 13:48:33
https://webtrh.cz/diskuse/preload-dynamicky-zobrazenych-obrazku/#reply1110168
David Kácha
verified
rating uzivatele
(39 hodnocení)
30. 4. 2015 15:25:38
Napsal Souki;1191166
Na to by úplně stačilo dát v css na obrázek pozadí s načítací animací. Po načtení obrázku se překryje skutečným obrázkem.
Nestačilo. Obrázky se načítají přes sebe a pak se šipkama posouvají. Navíc to jsou hd obrázky, takže je vidět, jak se načítají od shora.
30. 4. 2015 15:25:38
https://webtrh.cz/diskuse/preload-dynamicky-zobrazenych-obrazku/#reply1110167
Petr Soukup
verified
rating uzivatele
(5 hodnocení)
30. 4. 2015 15:58:27
Tak něco takového:
30. 4. 2015 15:58:27
https://webtrh.cz/diskuse/preload-dynamicky-zobrazenych-obrazku/#reply1110166
Preloader je lepsi jako prvek navic, ptz jakmile se zmeni src u img, tak zmizi puvodni obsah (napr loading.gif) dokud se nenacte novy :
30. 4. 2015 17:30:00
https://webtrh.cz/diskuse/preload-dynamicky-zobrazenych-obrazku/#reply1110165
Petr Soukup
verified
rating uzivatele
(5 hodnocení)
30. 4. 2015 17:48:29
Preloader vůbec není potřeba vkládat do dokumentu. Stačí new Image() a prohlížeč obrázek načte.
30. 4. 2015 17:48:29
https://webtrh.cz/diskuse/preload-dynamicky-zobrazenych-obrazku/#reply1110164
David Kácha
verified
rating uzivatele
(39 hodnocení)
1. 5. 2015 14:23:03
Napsal OPRO;1191246
Preloader je lepsi jako prvek navic, ptz jakmile se zmeni src u img, tak zmizi puvodni obsah (napr loading.gif) dokud se nenacte novy :
To vypadá super, díky.
1. 5. 2015 14:23:03
https://webtrh.cz/diskuse/preload-dynamicky-zobrazenych-obrazku/#reply1110163
Pro odpověď se přihlašte.
Přihlásit