Recentemente procurei plugins pra lazyload de imagens (conforme o usuário for descendo a tela, carregar as imagens) pra jQuery, mas não tive sucesso.
O plugin que eu usava não estava mais funcionando. Além disso, achei que ele tinha mais funcionalidades do que eu precisava.
Surgiu o jQuery lazyload.
Funcionalidades
- Carrega imagens conforme o usuário desce a tela;
- É possível definir uma margem pra começar a carregar as imagens antes de chegar nas mesmas;
- Dependendo de como o usuário configurar, carrega as imagens mesmo com o JavaScript desligado. Né, Flávio Amieiro?;
- Rá.
Como configurar
Veja como no repositório do projeto.
Tem exemplo?
Gostou desse post? Então assine o RSS Feed, Email ou siga-me no Twitter!
Artigos relacionados:
- Como Programar 5 Vezes Mais Rápido A Parte Client-Side de Sites Com 5 Super Plugins para a jQuery
- Os 40 Melhores Plugins da jQuery para facilitar a vida do Desenvolvedor Web
- Yahoo testa “Glue Pages” na Índia
- Como Ganhar Dinheiro Vendendo Produtos Exibidos em seu Site com o Boo-Boxifier 2.0
- Recursos para WebDev – Parte 4: As 3 extensões essenciais para o Desenvolvedor Web
Publicidade
Assine o RSS
[...] jQuery lazyload ~ carrega imagens conforme o usuário desce a tela. Feito por [...]
Muito bom cara, já tá na lista para implementar nos meus projeto…
Responder
Bela dica!
Vou aproveitar para usar este recurso no Bombatalha.
Aproveitando, o Bombatalha é um jogo multiplayer no estilo worms que eu mesmo desenvolvi. http://www.bombatalha.com.br ficarei honrado com a visita e suas críticas e sugestões!
Abraço!
Nick
Responder
Não consegui me acertar de primeira com esse lazyload mas depois ficou show de bola, meu site ficou mais rápido mesmo!
Responder
[...] jQuery lazyload: carrega imagens conforme o usuário desce a tela. Feito por mim! Artigos que vão lhe interessar:Sem artigos relacionados Arquivado em: Jquery Tags: jquery, jquery plugins, melhores plugins « Download Sugar Slider – Premium WordPress Slider Manager [...]
Excelente plugin, mas como fica a otimização das imagens? já que o Google não reconhece o atributo “original-src” como um source de imagem, será
que a solução é colocar o source de uma imagem transparente já carregada no atributo “src” do lado do atributo “original-src”, isso para imagens de sites e não galeria de fotos.
Responder
Pedro Menezes respondeu em January 8th, 2012 11:30 pm:
Tarcízio, se você colocar a imagem original dentro de um “noscript” (como no exemplo), ela vai ser indexada. Além de ser exibida em navegadores com JavaScript desabilitado.
Responder