Este artigo é um artigo espelhado de tradução automática, por favor clique aqui para ir para o artigo original.

Architect_Programmer_Code Rede Agrícola»Arquiteto › Design front-end & web › Quadro frontal › jQuery image lazy loading plugin lazyload
Vista: 4106|Resposta: 2

[Jquery] jQuery image lazy loading plugin lazyload

[Copiar link]
Publicado em 05/04/2023 20:17:05 | | | |
Requisitos: Há muitas imagens na página HTML, se o usuário visitar pela primeira vez, será muito lento, porque precisa carregar centenas de imagens, e encontrei algumas soluções preguiçosas para carregamento preguiçoso de imagens da Internet, o princípio é que o endereço src da tag img é definido para o mesmo endereço, e então o data-xxx define o endereço real da imagem, quando a página for carregada, percorre todas as tags img e substitui o endereço data-xxx pelo endereço src.



Endereço do plugin LazyLoad:O login do hiperlink está visível.

Baixar:


lazyload-1.9.7.zip (781.69 KB, Número de downloads: 1)

Use o tutorial

Defina o endereço real da imagem no atributo data-original da seguinte forma:

Depois, chame o código js assim no final do HTML:

(Fim)




Anterior:A ferramenta Cassowary para testes de estresse de requisições HTTP
Próximo:[Combate real]. NET/C# para obter as imagens detalhadas do produto da JD.com

Posts Relacionados
Publicado em 05/04/2023 22:19:43 |
Aprenda a aprender
Publicado em 22/04/2023 13:51:02 |

Aprenda a aprender
Disclaimer:
Todo software, material de programação ou artigos publicados pela Code Farmer Network são apenas para fins de aprendizado e pesquisa; O conteúdo acima não deve ser usado para fins comerciais ou ilegais, caso contrário, os usuários terão todas as consequências. As informações deste site vêm da Internet, e disputas de direitos autorais não têm nada a ver com este site. Você deve deletar completamente o conteúdo acima do seu computador em até 24 horas após o download. Se você gosta do programa, por favor, apoie um software genuíno, compre o registro e obtenha serviços genuínos melhores. Se houver qualquer infração, por favor, entre em contato conosco por e-mail.
Mail To:help@itsvse.com