Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17635
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Mostrar imagens quando já tiverem carregadas

07-01-2017 16:05

Nesse post vou mostrar um script em jQuery que carrega as imagens antes de exibir.

<script src="jquery.js"></script> <style> /* esconde todas as imagens antes de carregar a página */ .imagens{display:none} </style> <script> $(function() { // exibe uma mensagem de caregando $("#resposta").html("Carregando imagens.."); // ao carregar todas imagens com a classe imagens $(".imagens").one("load", function() { // avisa que foi carregado $("#resposta").html("Imagens carregadas"); // mostra as imagens $(".imagens").show(); }).each(function() { // mostra a imagem se carregada if(this.complete) $(this).load(); }); }); </script> <div id="resposta"></div> <img class="imagens" src="" />

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado