Scroll scroll esemény

Ez az igazi URL egy attribútum realsrc (attribútum neve, akkor lehet választani). És az src tegye szürke GIF 1x1 méretű, és mivel a szélesség / magasság helyes, akkor megnyúlik, úgy, hogy ahelyett, hogy a kép látható egy szürke doboz.

Ebben az esetben a böngészőt, hogy a kép, akkor ki kell cserélni az értéke src az egyik, hogy a realsrc.

Ha az oldal nagy, a csere a nagy képeket ilyen modellek jelentősen felgyorsítja az oldal teljesen betöltődik. Ez különösen abban az esetben, ha az oldalon sok hír bejelentések képekkel: áruk, amelyek közül sok kívül a tekercset.

Írja kódot, amikor lapozunk az ablak terhelések láthatóvá válnak képet.

Azaz, amint a kép jön be a látható része a dokumentumot - az src elő kell írni a helyes URL-jét realsrc.

Egy példa a munka látható az iframe alább ha lefele:

• Néhány indító kép legyen látható egyszerre, mielőtt a tekercset. A kód ezt figyelembe veszi.
• Néhány kép nem lehet hagyományos nélkül realsrc. Kódjuk ne érjen egyáltalán.
• Továbbá, a kód nem terheljük a képen látható.
• Kívánatos, hogy a képfeltöltés nem csak a látható most, hanem az oldalra előre és hátra a jelenlegi tartózkodási helyéről.

Ui A vízszintes görgetősáv nincs jelen.

Funkciót kell a jelenlegi görgetés melyik kép látható, és töltse fel őket.

Meg kell kiváltott nem csak a görgetés, hanem a rendszer indításakor. Elég azt - meghatározza azt a hívás script egy oldal, mint ez:

Amikor futtatja a függvény megkeresi az összes látható képek realsrc és mozog realsrc értéket src. Figyelni, mert realsrc egyéni attribútum, majd elérni, használjuk get / setAttribute. A src - szabvány, így akkor lehet alkalmazni, a DOM-tulajdon.

láthatóság teszt funkció isVisible (elem) fogadja a jelenlegi koordinátái a látható tartományban, és összehasonlítja azokat az elemet.

A láthatóság elég ahhoz, hogy koordinálja a felső (vagy alsó) az elem határok a határok között, a látható tartományban.

A határozat arra is rámutatott variáns isVisible. amely kiterjeszti az ± 1 oldal (s magassága - document.documentElement.clientHeight).