Solucionado (ver solução)
Solucionado
(ver solução)
18
respostas

A imagem não carrega

Olá pessoal, não consigo fazer a imagem aparecer na pagina. E no console fala que ela teve falha ao carregar o recurso.

18 respostas

Oi Marco, tudo bem contigo? Manda um print ou uma parte do código pra eu dar uma olhada.

Oi Kelwin, tudo bem. E com você? Ai esta os prints dos códigos e do resultado no navegador. Obrigado! Insira aqui a descrição dessa imagem para ajudar na acessibilidade Insira aqui a descrição dessa imagem para ajudar na acessibilidade Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Oi Marco, daqui o código parece ok. A imagem está no mesmo diretório do projeto?

Oi Laira, eu tenho uma pasta com o nome do curso onde esta salvo o index e nessa pasta tem uma pasta onde esta a imagem.

Creio que seja porque a imagem está em uma pasta separada, você tem que descrever todo o caminho do repositório.

Oi Erick, agora eu coloquei a imagem na mesma pasta do index e continua com o mesmo problema. esta mostrando essa falha no console

Ola, boa tarde Marco, confere se o nome da imagem está correto ou manda print da pasta aonde a imagem está, mais fácil pra gente poder te ajudar.

Boa noite Alison.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

solução!

Bom dia Marco, tudo bem? Altera o nome da imagem apenas para "banner" e testa para ver se funciona, não mexe no código, só muda o nome da imagem.

Olá Marco, bom dia!

Tenta criar uma pasta dentro da mesma pasta que está index.html (geralmente usam images). Dentro dela, coloca a imagem.

A sua tag img ficara:

img src="/images/banner.jpg" alt="Seu texto alternativo" /> (retirei a tag completa pois o Alura reconheceu como imagem, mas seria isso:

Imagem códigoSendo "produtos-final_01" o nome da sua imagem :)

Caso não funcione, mude o nome da imagem e veja no código. Lembre-se sempre de colocar a extensão da imagem (png, jpg etc..)

Abraços!

Marco Aurélio, pelo que eu percebi o seu windows não está com a opção de mostrar a extensão do arquivo, talvez você mesmo assim (suposição) tenha renomeado o arquivo para banner.jpg, mas como a extensão não está sendo mostrada então o nome original completo deve estar como banner.jpg.jpg. Aconselho você alterar para poder visualizar as extensões nas configurações de pasta no Painel de controle.

Boa tarde galera, deu certo aqui! O meu Windows realmente não estava mostrando a extensão do arquivo. Muito obrigado todos vocês!

Boa tarde galera, deu certo aqui! O meu Windows realmente não estava mostrando a extensão do arquivo. Muito obrigado todos vocês!

O meu esta co mesmo problema e ainda nao aparece a imagem

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Mayara, seria bacana se você mandasse também o seu CSS para eu conseguir dar uma avaliada, mas vendo daqui me parece que tem um erro no seu HTML no seguinte trecho:

CSS

<img id="Banner" src="Banner.jpg>"

Você colocou o fechamento da tag dentro dos parênteses, o certo seria:

CSS

<img id="Banner" src="Banner.jpg">

Alan, muito obrigado,

Esse simples detalhe eu não tinha notado. Coloquei as aspas para dentro da tag conforme voce indicou e deu certo, a imagem carregou?Deus abencoe.