Uma boa prática a ser aplicada em sites ou aplicações web é o preload de imagens.
Isso já existe a muito tempo, e existem várias implementações feitas em torno desta prática.
Hoje o Edward Hotchkiss postou em seu Blog uma nova implementação, que ele mesmo desenvolveu em forma de plugin para o jQuery.
O projeto está disponível no GitHub:
http://github.com/edwardhotchkiss/Preloader
O plugin possui algumas configurações e callbacks que são extremamente úteis para o desenvolvimento.
Acabei de testar o plugin aqui e gostei bastante. Fácil de se implementar e bem feito.
Abaixo segue o link para o demo que fiz:
http://jaydson.org/code/jquery/plugins/jquery-preloader/
O próprio blog do Edward esta usando o plugin, acessem lá e confiram: http://www.edwardhotchkiss.com/
Muito boa, esse é o mestre Jaydson sempre trazendo coisas boas pra nós.
Legal o plugin!
Usando esse plugin em um site um pouco pesado, será que o usuário não vai desistir da visita?
Muito bom o blog, parabéns!
É, depende muito da aplicação. Sempre a análise e bom senso prevalece.
Se é algo que vai ser demorado, o ideal é fazer uma requisição Ajax, e colocar um mensagem amigável para o usuário.
Realmente muito bom!!
Só queria saber uma forma de aplicá-lo em todo o site, ou seja, em div.
Este plugin é somente para imagens. Para o site todo, depende muito de sua aplicação.
A parte visual é fácil de fazer, mas o que carrega no backend precisa ser bem manipulado.
Alguem ai tem a documentação deste plugin?
Ola Fabiano.
Nao sei o que aconteceu com os links do cara, parece que estao quebrados.
Mas da uma olhada no demo que eu fiz:http://jaydson.org/code/jquery/plugins/jquery-preloader/
Obrigado. Já dei uma olhada e era isso mesmo que eu queria. Porém eu gostaria de adicionar uma mensagem informando qua página está sendo carregada. saberia me dizer como faço isso?
Tu tem metodos de callback ali…entao tu pode colocar a mensagem, e no callback final remove o texto. Bem simples.
Desculpa. mas não entendi. Poderia me dar um pequeno exemplo se não foi abuso?
Isso não é um preloader!
Que eu saiba, preloader serve para carregar toda a página ou arquivo e exibi-lo quado seu conteúdo estiver totalmente carregado. Nesse caso você apenas colocou uma imagem em gif que apenas simula um progresso que não existe, porque depois que o gif é exibido, se dá a entender que a página foi carregada, mas quando redireciona para a página, as imagens ainda são carregadas.
Isso pra mim não é preloader!!!
Ola Luis, isso é um preloader de Imagens, nao de um site ou de arquivo.
Também considero um preloader ilusório.
Quando coloquei uma imagem mais pesada, a mesma foi carregada depois que o preloader foi removido.
O plugin só faz um “for” e conta a quantidade de imagens. Bah…