4
respostas

Imagem carrega pequena

Olá, Quando clico na imagem ela carrega pequena.

HTML imagem.html

{% extends 'galeria/base.html' %}
{% load static %}
{% block content %}
    
    <section class="conteudo">
        <section class="imagem">
            <div class="imagem__conteudo">
            {% if fotografia.foto == '' or fotografia.foto == null %}
                <img class="card__imagem" src="{% static 'assets/imagens/galeria/not-found.png' %}" alt="foto">
            {% else %}
                <img class="card__imagem" src="{{ fotografia.foto.url }}" alt="foto">
            {% endif %}
                <div class="imagem__info">
                    <div class="imagem__texto">
                        <p class="imagem__titulo">{{ fotografia.nome }}</p>
                        <p class="imagem__descricao">{{ fotografia.legenda }}</p>
                        <p class="imagem__texto"></p>
                    </div>
                </div>
            </div>
        </section>
    </section>


{% endblock %}

Print da Tela

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

4 respostas

Boa tarde, Thiago! Tudo bem?

Estruturalmente falando, o seu projeto não apresenta nenhum problema ou inconsistência que poderia causar esse tipo de situação.

Então, isso me faz concluir que o problema esteja relacionado ao seu arquivo de configuração de estilos, o style.css. Nele existe toda a configuração aplicada a cada uma das tags presentes nessa página, certifique-se que estão todas condizentes com as mostradas em aula.

Você pode usar o projeto da aula como comparação (veja a partir da linha 197): Link para o arquivo style.css

Caso não consiga identificar a inconsistência, peço que compartilhe todo o seu projeto, via GitHub ou Drive do Google. Para que eu realize testes, a fim de identificar o problema.

Espero ter ajudado e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓.

Olá Armano, boa noite!

Meu arquivo está idêntico ao da aula, não realizei alterações nele. Esse problema só ocorre com as imagens que vem do BD, mesmo elas tendo alta resolução. Antes dessa aula, tudo funcionava normalmente.

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

Bom dia, Thiago! Peço perdão pela demora em respondê-lo.

A sua situação parece um pouco mais complicada do que eu imaginava inicialmente. Por conta disso, peço que compartilhe todo o seu projeto comigo, via GitHub ou Drive do Google, já que precisarei realizar alguns testes a fim de identificar essa situação.

Fico no aguardo e à disposição

Bom dia, me parece que você copiou a linha de código do index.html, aonde o class é diferente, o class relativo ao imagem.html é "imagem__imagem" <img class="imagem__imagem" src="{% static '/assets/imagens/galeria/not-found.png'%}">

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software