How can I display images by album on a single Django page?

Question

Django

There is such a model:

class Album(models.Model):
    title = models.CharField(max_length=255)
    caption = models.CharField(max_length=1000)
    slug = models.SlugField(primary_key=True, unique=True)

class Image(models.Model):
    image = models.ImageField(upload_to='albums/')
    title = models.CharField(max_length=255)
    caption = models.CharField(max_length=1000)
    album = models.ForeignKey(Album)

How can I display all images from all albums in different divs across albums on one page?

Answer 1

In the context you throw {'albums': Album.objects.all()}
In the template:

{% for album in albums %}
    <div class="album-{{ album.pk }}">
        {% for image in album.image_set.all %}
            <div class="image-{{ image.pk }}>
                <img src="{{ image.image.url }}}" alt="Image was here"/>
            </div>
        {% endfor %}
    </div>
{% endfor %}

Customize div classes to your liking.