Hogy működik egy honlapon a képek betöltésekor látszódó forgó ikon?
Figyelt kérdés
Mi kell hozzá?2014. júl. 4. 10:03
1/9 Tengor 



válasza:





Egy animált GIF, ami a képek helyén van, amíg az oda ténylegesen tartozó kép le nem töltődik.
2/9 A kérdező kommentje:
Köszi! És hogy tudom hamarabb betölteni a gifet, mint a képet?
2014. júl. 4. 10:39
3/9 anonim 



válasza:





Leginkább úgy működőképes, ha ajax-ot használsz pl. jQuery-vel.
4/9 Tengor 



válasza:





A betöltő kép szerepel a HTML kódban, ami HTML v. amit a PHP előállít és aztán ajax-szal (ahogy előttem is írták) töltöd rá a képet.
5/9 Kálmix 



válasza:





Használható trükk még, hogy ha nem akarsz mindenféle plug-inkkal trükközni, hogy "body" tag-ben előtöltőd.
Az így néz ki: <body onload="kepek/random.gif">
6/9 anonim 



válasza:





Ha csak erről van szó, akkor használhatod a lowsrc-t a HTML kódban, hogy mielőtt letöltődne a kép, ezzel helyettesíted.
7/9 anonim 



válasza:





Én pl. úgy oldottam meg, hogy a kép a z-index:9999-en töltődik be, onloadra meghív egy js funkciót, ami a forgó src-jét egy pillanatra egy 1x1 pixeles 0%-os képre, átállítja a tényleges kép z-indexét, majd bedobja az alfázott elé, az alfázottet meg eltörli. Gyorsnak gyors, de nem túl szép megoldás, én csak időszűke miatt csináltam meg így, majd lecserélem.
9/9 anonim 



válasza:





"Az így néz ki: <body onload="kepek/random.gif">"
Az onload egy JS parancsot vár, ami akkor fut le, amikor az adott elem - jelen esetben a body - betöltődött. A "kepek/random.gif" nem egy JS parancs, tehát ez így egy hülyeség, nem fog történni semmit, legfeljebb kapsz egy JS-hibát.
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!