Šis raksts ir mašīntulkošanas spoguļraksts, lūdzu, noklikšķiniet šeit, lai pārietu uz oriģinālo rakstu.

Architect_Programmer_Code Lauksaimniecības tīkls»Arhitekts › Front-end dizains un tīmeklis › Priekšējais rāmis › jQuery attēls slinka ielāde lazyload spraudnis
Skats: 4106|Atbildi: 2

[Jquery] jQuery attēls slinka ielāde lazyload spraudnis

[Kopēt saiti]
Publicēts 05.04.2023 20:17:05 | | | |
Prasības: HTML lapā ir pārāk daudz attēlu, ja lietotājs apmeklē pirmo reizi, tas būs ļoti lēns, jo tam ir jāielādē simtiem attēlu, un es atradu dažus slinkus ielādes risinājumus slinkai attēlu ielādei no interneta, princips ir tāds, ka img tag src adrese ir iestatīta uz to pašu adresi, un pēc tam data-xxx iestata reālo attēla adresi, kad lapa ir ielādēta, šķērsojiet visus img tagus un aizstājiet data-xxx adresi ar src adresi.



LazyLoad spraudņa adrese:Hipersaites pieteikšanās ir redzama.

Lejupielādēt:


lazyload-1.9.7.zip (781.69 KB, Lejupielādes skaits: 1)

Apmācības izmantošana

Iestatiet reālo attēla adresi datu oriģinālajā atribūtā šādi:

Pēc tam izsauciet js kodu šādi HTML apakšā:

(Beigas)




Iepriekšējo:Cassowary rīks HTTP pieprasījumu stresa testēšanai
Nākamo:[Faktiskā cīņa]. NET/C#, lai iegūtu JD.com produkta detaļas attēlus

Saistītās ziņas
Publicēts 05.04.2023 22:19:43 |
Iemācieties mācīties
Publicēts 22.04.2023 13:51:02 |

Iemācieties mācīties
Atruna:
Visa programmatūra, programmēšanas materiāli vai raksti, ko publicē Code Farmer Network, ir paredzēti tikai mācību un pētniecības mērķiem; Iepriekš minēto saturu nedrīkst izmantot komerciāliem vai nelikumīgiem mērķiem, pretējā gadījumā lietotājiem ir jāuzņemas visas sekas. Informācija šajā vietnē nāk no interneta, un autortiesību strīdiem nav nekāda sakara ar šo vietni. Iepriekš minētais saturs ir pilnībā jāizdzēš no datora 24 stundu laikā pēc lejupielādes. Ja jums patīk programma, lūdzu, atbalstiet oriģinālu programmatūru, iegādājieties reģistrāciju un iegūstiet labākus oriģinālus pakalpojumus. Ja ir kādi pārkāpumi, lūdzu, sazinieties ar mums pa e-pastu.
Mail To:help@itsvse.com