Display language icons in Django template

Question

I want to display language icons instead of names in Django template.

My code looks like this:

{% load static i18n %}

    {% get_current_language as CURRENT_LANGUAGE %}
    {% get_available_languages as AVAILABLE_LANGUAGES %}
    {% get_language_info_list for AVAILABLE_LANGUAGES as languages %}
    <div id="language">
          {% for language in languages %}
            <ul>
                <li>
                   <a href="/{{ language.code }}/"
                    {% if language.code == LANGUAGE_CODE %} class="active"{% endif %}>
                    {{ language.name|slice:":3" }}
                   </a>
                </li>
            </ul>
          {% endfor %}
    </div>

Is there any possible ways to achieve that goal or I have to try different ways?

solution for that was to change that rows to this:

           <a href="/{{ language.code }}/"
            {% if language.code == LANGUAGE_CODE %} class="active"{% endif %}>
               <img src="/static/images/{{ language.name }}.png"  alt="Geo">
           </a>

And you have to place icons in static folder with the language names for english -> English and so on.

Answer 1

The harder part is assembling your set of country flag images together somewhere.

The easy part is using your language context to get an <img> reference, for example

<img ... src="somewhere/{{language.name|slice:":3"}}.gif" >

You might want to take a look at the django-countries package. Use it, or use it for ideas.