Ikonok segítségével letöltés
Képzeld el a helyzetet, amikor meglátogat egy új oldalt. Minden webhely tartalmát, hogy szükség van, mintha nincs betöltve. Teszel valamit, vagy egyszerűen semmi oldal nem fordul elő. A végén elhagyja az oldalt.
Ez a helyzet nagyon gyakori, amikor a különböző oldalak használata nagy fájlokat a rendszer indításakor. Ahhoz, hogy megbirkózzon egy ilyen helyzetben szükség van, hogy használja a letöltés ikon, amely megmutatja, hogy az oldal betöltésekor.
Ebben az egyszerű bemutató, akkor megtanulják, hogyan kell ezt csinálni az oldalán.
A demó verzió itt. Fájlokat lehet letölteni itt.
1. Töltse le egy ikon, ami itt választható. Fogom használni ezt a leckét:
2. A dokumentum elejére címkék között
csatlakoztatni kell a jQuery (emlékszik a fájl elérési útja).3. Add a funkció után azonnal megjelenik a felső kód, amely elrejti a réteg ( „nagy img”) tartalmát (ez a példa egy nagy képet, de a helyén lehetne valami hasonló), mindaddig, amíg nem töltődik teljesen. A betöltés után a funkció jeleníti meg, és egy réteg ( „loader”) ikonnal rejtőzik.
Ez az! Használja Sok sikert minden hétvégén!
Ui kérésére mi értékes látogatók nyújtunk a CSS kódot, amely segít, hogy a letöltés ikonra a központban:
Annak érdekében, hogy minden a munka elengedhetetlen, hogy ismerjük a szélessége és magassága a kép letöltése. Ebben a példában, a magasság - 22 pixel szélességű - 126 pixel. Megkértük a kódot. Szintén a két sor akkor kell fizetni 50% -át a szélesség és magasság.
Azt is meg kell rendelni egy képet „középen” osztály:
Hogy minden jól működik :) A demo verzió még nem frissült.
5 óra utolsó oszlopában „jQuery”
Ma szeretnénk, hogy meséljek TypeIt könyvtár - ingyenes jQuery plugin. Ön tudja használni, hogy szimulálja a gépelést. Ha minden megfelelően van beállítva, nagyon realisztikus hatás érhető el.
jQuery plugin létre egy idővonal.
jQuery plugin létre egy Gantt diagram.
Egy példa arra, hogyan hajtsák végre a letöltött fájl segítségével PHP és jQuery ajax.
köszönöm. jó dolog
futtatásakor miért nincs terhelés az ikonra és rögtön megjelenített képet. testil Opera.
által Dima, csak egy képet már a cache, a betöltött gyorsan és progresszió-képet nem sikerül úgy tűnik, egy
Csak azt nem tudom. Elkezdtem az oldal betöltése mutatja a terhelés után 10-20 másodperccel frissíteni és mindent megtesz, hogy töltse be.
Sejtettem, hogy hogyan lehet alkalmazni egy ilyen dolog az egész hely: Egyszerűen rendelni egy id = „nagy img” azt mondják, hogy a főtábla-frame oldalon. Minden fordítva működik))) Ez azt jelenti, először töltse le az egész oldal, és akkor minden eltűnik))) olyannak kell lennie, hogy megváltoztassa ezt a forgatókönyvet: $ (function () <$('#large-img').hide(); $('#large-img').load( function() <$('#loader').hide(); $('#large-img').show();> );>) Én csak azt nem értem ez gondolom együtt!
Egy oldal letöltéséhez kódot kell vasalni, így: $ (function () <$('#wrapper').hide(); $(window).load(function() <$('#loader').hide(); $('#wrapper').show();>)>); ------------------- * ahol „wrapper” - az azonosító a főtábla vagy div-elem. ------------------- én az alábbi kódot oldalon, és minden működik:
Minden kapcsolatban, Fenex volt a megrendelt kivette két sor stílus: margin-top: -11px; / * 50% a magasság * / margó-bal: -63px; / * 50% * szélesség / és minden működik az egész oldalt. Egyszerűen szuper! Köszönjük!
Van egy hiba a lecke két extra idézetek!
Kérem, segítsen. Azt kell használni ezt az ikont a helyzet aplouderom. Amikor kiválasztunk egy képet, akkor nyomja meg a „Download”, és hogy ebben a pillanatban van ez az ikon helyezni a képet, majd feltölteni a képet, az ikon eltűnik.
ez valószínűleg a lassú internet, mert nem látja a letöltés))
És nem könnyebb létrehozni egy div és background-image vegye SIFCO preloader?
djamalutdin
ez a chip teljes mértékben megalapozott, de mint mindent. egy ilyen probléma, hogy a helyszínen van telepítve: jQuery plugin gyorsabban oldal betöltődik, és ő újra betölteni az oldalt nem történik meg, de az oldal nyílik egy kis késés, és ezért nem mondja meg, ha úgy tetszik, akkor intézkedik azonos chip, mint a bemutató, csak a késés jQuery plugint ?
Által nyújtott információk útján két csatorna (látás és hallás) a képzés hatékonyságának sokkal jobb tanulás könyvekből. A házi feladatok és online tesztek lehetővé teszi, hogy folyamatosan úgy gondolja, a célnyelven, és azonnal ellenőrizze tudását!
Ha azt szeretnénk, hosszú ideig, hogy tanulmányozzák, hogyan lehet HTML-t, akkor engem, mert van jó hír!
Ha már megtanulta a HTML és tovább szeretne lépni, a következő lépés az lesz, hogy tanulmányozza a CSS technológiával.
Ha azt szeretnénk, hogy megértsék a fogalmak domain és tárhely, megtanulják, hogyan kell létrehozni egy adatbázist, feltölteni a fájlokat a honlapon keresztül FTP szerver, hozzon létre aldomain konfigurálja a postaládákat a helyszínen, és ellenőrzi a részvétel, a tanfolyam kifejezetten az Ön számára!