Ez a cikk egy tükör gépi fordítás, kérjük, kattintson ide, hogy ugorjon az eredeti cikkre.

Architect_Programmer_Code Mezőgazdasági Hálózat»Építész › Front-end design és web › Front-end keret › jQuery image lazy loading lazyload plugin
Nézet: 4106|Válasz: 2

[Csípős] jQuery image lazy loading lazyload plugin

[Linket másol]
Közzétéve 2023. 04. 05. 20:17:05 | | | |
Követelmények: Túl sok kép van a HTML oldalon, ha a felhasználó először látogatja meg, nagyon lassú lesz, mert több száz képet kell betöltenie, és találtam néhány lusta betöltési megoldást az internetről érkező képek lustán történő betöltésére, az elv az, hogy az img címke src címe ugyanazra a címre van állítva, majd a data-xxx beállítja a valódi képcímet, amikor az oldal betöltődik, áthaladja az összes img címkét, és a data-xxx címet az src címre cseréli.



lazyload plugin cím:A hiperlink bejelentkezés látható.

Letöltés:


lazyload-1.9.7.zip (781.69 KB, Letöltések száma: 1)

Használd a tutorialt

Állítsuk be a valódi képcímet az adat-eredeti attribútumban a következőként:

Ezután hívd a js kódot így, a HTML alján:

(Vége)




Előző:A Cassowary eszköz HTTP kérés stresszteszteléséhez
Következő:[Valódi harc]. NET/C#, hogy JD.com termékrészleteiről készült képeket kapj

Kapcsolódó bejegyzések
Közzétéve 2023. 04. 05. 22:19:43 |
Tanulj meg
Közzétéve 2023. 04. 22. 13:51:02 |

Tanulj meg
Lemondás:
A Code Farmer Network által közzétett összes szoftver, programozási anyag vagy cikk kizárólag tanulási és kutatási célokra szolgál; A fenti tartalmat nem szabad kereskedelmi vagy illegális célokra használni, különben a felhasználók viselik az összes következményet. Az oldalon található információk az internetről származnak, és a szerzői jogi vitáknak semmi köze ehhez az oldalhoz. A fenti tartalmat a letöltés után 24 órán belül teljesen törölni kell a számítógépéről. Ha tetszik a program, kérjük, támogassa a valódi szoftvert, vásároljon regisztrációt, és szerezzen jobb hiteles szolgáltatásokat. Ha bármilyen jogsértés történik, kérjük, vegye fel velünk a kapcsolatot e-mailben.
Mail To:help@itsvse.com