Megtudhatja, hogy a kép fel van töltve jquery-en keresztül

A jQuery szkriptek készítéséhez szükség van a képek betöltésére, például a képméret helyes kiszámítására.

Találkoztam ezzel a problémával, amikor a .each () nagy részét képeztem. A szkriptnek meg kellett találnia minden képet, meg kellett határoznia a méretét és a bázisát a keretbe illesztve.

Ha nem használtam a tesztet - ha a kép betöltésre került, a méretek nem lettek megfelelően meghatározva. Hadd emlékeztessem önöket arra, hogy az alábbiak szerint definiálhatók (a kódban, azonnal kerekítik az értékeket képpontokban):

Ha futtatja ezt a kódot, akkor a 564.jpg képméretet egyszer meghatározza. Számomra például 10-ből 1 nem működik. A probléma az, hogy a kép nem tud betölteni, és a szkript már elindul. Ezért a méretek meghatározása nem fog megtörténni.

Javítsuk meg a kódot, hogy ellenőrizzük, hogy a kép kiment-e, és attól függően végrehajtja kódunkat:

Itt használjuk az $ (img) .on eseményt ('load', function ()<>); amely lehetővé teszi annak megállapítását, hogy a képet letöltötték-e, és csak azt követően hajtja végre a szkriptet. Ez az oldat az esetek 90% -ában alkalmazható.

Ha a funkciók segítségével meghatározhatja, hogy a kép betöltődik-e, akkor a szkriptet frissíteni kell. Az a tény, hogy a kép a gyorstárban (ami velem és a Joomla-val volt) emlékezett, és azonnal elindult tőle. Ebben az esetben a kép nem lesz letöltve a webhelyről, de a gyorsítótárból fog átvenni és a terheléses esemény nem fog működni. Ezt ellenőrizheti az F5 és a kombináció (Ctrl + F5) felváltásával. Ha 0 megjelenik, akkor van egy gyorsítótár.

Módosítsuk a szkriptet, hogy meg tudjuk határozni, hogy a kép melyik helyre kerül a gyorsítótárból, vagy letölthető a webhelyről:

>);

Olvassa el

Megtudhatja, hogy a kép fel van töltve jquery-en keresztül

Megtudhatja, hogy a kép fel van töltve jquery-en keresztül

Megtudhatja, hogy a kép fel van töltve jquery-en keresztül

Megtudhatja, hogy a kép fel van töltve jquery-en keresztül

Fancybox 3 - További jellemzők

Hogyan helyezhetek flash-játékokat és swf-videókat az oldalon

Kapcsolódó cikkek