Habilitar imagem quebrada no Firefox 4

O Firefox home é um navegador fundamental para a vida de um desenvolvedor WEB, uma das suas grande vantagens com relação aos outros navegadores é sua imensa quantidade de complementos, hoje com mais de 5.500 add-ons, existe extensões para quase tudo, e quem é desenvolvedor pode tirar vantagens e aproveitar ao máximo complementos como o Firebug, IE Tab, Web Developer, Open in Firefox, html Validator e muitos outros.

Uma coisa que atrapalhava bastante era o fato do Firefox não exibir imagens quebradas, quando havia uma, o navegador exibia somente a tag alt e se não tivesse a tag alt nada era exibido em seu lugar, não dava para saber se havia alguma imagem quebrada.

Após muita pesquisa descobri uma solução para o Firefox exibir o velho “” que amamos tanto, siga os passos abaixo:

No Windows 7;

1 – Abra o Windows Explorer;

2 – Escreva “%appdata%\Mozilla\Firefox\Profiles\” em sua barra de endereço;

3 – Procure uma pasta chamada “chrome”;

4 – dentro dela renomeio o arquivo userContent-example.css para userContent.css;

5 – Adicione o seguinte CSS no o arquivo e reinicie o Firefox:

/ * Enable imagem * marcadores /
@-Moz documento url-prefix (http), url-prefix (arquivo) {
img:-moz-quebrados {
-Moz-force-broken-imagem-ícone: 1;
width: 24px;
height: 24px;
}
}

É isso … da próxima vez que se deparar com uma imagem / quebrada , você receberá uma caixa com “”em seu lugar e o alt dentro dela.

Espero que tenha ajudado.

Até a próxima

Sérgio Rocha
Desenvolvedor Web

2 Comentários

• 

  By Scheila, 15 de setembro de 2011 @ 16:26

  Oi Sérgio,

  O que eu preciso é justamente o contrário. Fazer com que o IE não mostre aquele quadrado com x da imagem quebrada (simplesmente porque o cliente quer assim) ou exiba o alt=” “. Você sabe como?
  Obrigada

• 

  By admin, 15 de setembro de 2011 @ 16:40

  Olá Scheila,

  Tenho uma solução em PHP, usando a função “file_exists” que verifica se realmente o arquivo existe, caso não desenvolva em php tente ver se consegue algo semelhante em JavaScript.

  < ?php

  $arquivo = "endereço/da/imagem.jpg"
  if (file_exists($arquivo))
  {
  echo "tag da imagem com src=$arquivo";
  }
  else
  {
  echo "imagem não existe";
  }

  ?>

Other Links to this Post

RSS feed para comentários sobre este post. TrackBack URI

Deixe um comentário