{% load flexible_images %} Responsive image test {% flexible_image image_1 alt="I am a full-width responsive image!" %}

Two-up:

{% flexible_image image_2 container="section" alt="I am on the left" %}
{% flexible_image image_1 container="section" alt="I am on the right" %}

Background image:

{% flexible_image image_1 container="section" background_image=True %}

Three-up:

{% flexible_image image_2 container="section" %}
{% flexible_image image_1 container="section" %}
{% flexible_image image_2 container="section" %}

Hooray!

Testing the 'no_css' option, with classes and inner_classes:

{% flexible_image image_2 background_image=True no_css=True classes="test-no-css" inner_classes="test-no-css-inner" %}

Testing aria_hidden:

{% flexible_image image_1 alt="I am a full-width responsive image!" aria_hidden=True %}

And if you want to use your own implementation, here's what {% verbatim %}{% flexible_image_list %}{% endverbatim %} does! This is a representation of the dictionary it returns, and not a JSON string.

{% flexible_image_list image_1 as image_list %}