How do I link to the original url and not fill-80x80?

[chrismatchett]

Hi,

How do I link to the original url and not the 80x80 thumbnail I have created?

{% for block in page.images %}
  {% if block.block_type == 'image' %}
    {% image block.value fill-80x80 as tmp_img %}
      <a href="{{ tmp_img.url }}" target="_blank">
        <img src="{{ tmp_img.url }}" alt="{{ tmp_img.alt }}" class="thumbnails" />
      </a>
  {% endif %}
{% endfor %}

Many thanks,

Chris

[Scotchester]

You could use the {% srcset_image %} tag instead of the basic {% image %}: https://docs.wagtail.org/en/stable/topics/images.html#generating-the-image-as-foo-to-access-individual-properties

[chrismatchett]

Many thanks,

I landed with this...

            {% image block.value fill-80x80 as tmp_img_small %}
            {% image block.value original as tmp_img_original %}
            <a href="{{ tmp_img_original.url }}" target="_blank">
                <img
                    src="{{ tmp_img_small.url }}"
                    width="{{ tmp_img_small.width }}"
                    height="{{ tmp_img_small.height }}"
                    alt="{{ tmp_img_small.alt }}"
                    srcset="{{ tmp_img_small.url }} 200w, {{ tmp_img_original.url }} {{ tmp_img_original.width }}w"
                    sizes="100vw"
                    class="my-custom-class"
                />
        </a>