JScript

Programação & Desenvolvimento


Você não está conectado. Conecte-se ou registre-se

Capturando erros de carregamento de imagens - Métodos jQuery e Javascript

3 participantes

Ir para baixo  Mensagem [Página 1 de 1]

waghcwb

waghcwb
Desenvolvedores
Desenvolvedores

Eae pessoal, desenvolvi uma código aqui que verifica quando alguma imagem não carrega na sua página, e caso não esteja carregada ela é substituída por um pequeno ícone Capturando erros de carregamento de imagens - Métodos jQuery e Javascript Error

Método Javascript
Código:
function checkIMG(){
   var jImage = document.querySelector('img');
   jImage.onerror = function(){
   this.src = "https://cdn1.iconfinder.com/data/icons/ledicons/error.png";
   };
}window.onload = checkIMG();

Método jQuery
Código:
$(function(){
   $('img').error(function(){
      $(this).attr('src','https://cdn1.iconfinder.com/data/icons/ledicons/error.png');
   });
});

Espero que seja útil Very Happy

Se alguém souber acrescentar algo, comenta ai também..

http://wagneraugusto.com.br/

joelson0007

joelson0007
Moderadores
Moderadores

Eu colocaria o icone em base64, para garantir que ele não falhe hora nenhuma, pois pode haver o caso de que a imagem falhe e o icone também.

é so detalhe, mas da sua maneira funciona 100%

waghcwb

waghcwb
Desenvolvedores
Desenvolvedores

Eu pensei nisso também, mas quis usar nesse formato para que quem for usar possa inserir a imagem que quiser.. Mas caso alguém queira o ícone em Base64, ta ae:
Código:
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABxklEQVR4XqWTTWsTQRyHn81uY5taolRSQus224qHepG2QcVSddGbBCoqkksP0UKgGs0hVnKwQr6AJ19Ogke1oqg3C61IDy14EfXsxYPUNmlNTHc34+wcgrSQJviDH/xheB5m+DPa+7sGDaKjgse22LMOAIFGsKbprl8l2pldBTORoQSRIxNqblVg6sHOgmXfxjqdxZ8BsxVBpn/sJsFQl2wn/SevA2SbFYzt6Ypme0eSOMWPOOsL9A1foWN/LAOca0aQHrDzaOIPSw+nWHp8A1H7xcCZnDrbTZAKH4wnI4fHqa6+qhurP+fotoYJ941OAFONBOlB+w5u5RvCLVGP9xuv/IVDZ3PItT4C9J0CyPcMJUb2dh9ga/UduMU6L7xNeYuXhPaFiR69DHBvu6BXD4YKsfE0zto8uCWEbPzSBeIXE0qAV2ZLPiV2YhKjPZyfn22z/hVkzGPXaAt6OOuLEthQXX42x/Lz1woWtQruxicCehnz+FXFAPh/Qa6t58Po5BOqP+4j3E3QNMCvACGLhzSigECIDjPPytMUlbXv5w21tlO3JFOmPZqimYhakUE7x+cX02kDePD1zQxAktby1mc1IQT/k7+zxpXzUyGaJgAAAABJRU5ErkJggg==

Só trocar o link!! Very Happy

http://wagneraugusto.com.br/

JScript

JScript
Administradores
Administradores

Excelente e lembrando que é melhor utilizar a biblioteca jQuery pois garante o funcionamento em todos os navegadores...

Edit: Será que com isso poderemos evitar que uma página fique com o status de carregando quando uma imagem não é carregada por algum motivo?

JS

http://autoitbrasil.com

waghcwb

waghcwb
Desenvolvedores
Desenvolvedores

Eu não sei como faríamos isso JScript

http://wagneraugusto.com.br/

Conteúdo patrocinado



Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos