Error displaying the image in the template

[joselpgma06]

I’m getting the following error when trying to display the image in the Front Template of the Memrise Deck. What could be the issue?

<!--=====================================================-->
<!--                 ❓ PREGUNTA DE LA TARJETA ❓       -->
<!--=====================================================-->

<div class="mem-question no-alts memblob"> <!-- Contenedor para la pregunta de la tarjeta, sin alternativas ('no-alts') y con la clase 'memblob' -->

<!-- 
    <div>{{Definition}}</div> <!-- Muestra la definición asociada al 'Learnable' -->
</div>

<!--
<div class="mem-image">
    <img src="{{Mems}}">
</div>
Comentario: Contenedor para una imagen relacionada con la tarjeta. Se ha comentado y reemplazado con otro contenedor
-->

<!--=====================================================--> 
<!--                🖼️ CONTENEDOR DE IMAGEN 🖼️          -->
<!--=====================================================-->

<div class="mem-image-container"> <!-- Contenedor para la imagen, con un estilo específico para rodearla -->
    <img src="{{Mems}}"> <!-- Imagen asociada con 'Mems', que puede ser un recurso visual para apoyar la memorización -->
</div>

<!--=====================================================--> 
<!--                 📝 CAMPO DE ESCRITURA 📝           -->
<!--=====================================================-->

<div class="mem-typing"> <!-- Contenedor para el campo de entrada de texto -->
<!--    <label>Learnable</label>	-->
    <input id="typeans" type="text" inputmode="text" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false"> <!-- Campo de entrada para el usuario, deshabilitando la corrección automática, capitalización y verificación ortográfica -->
</div>

[Eltaurus]

Can you show what did you put into the {{Definition}} field on that card?

[joselpgma06]

Sure, here the information looks fine:

[Eltaurus]

The image you are trying to display is from the {{Mems}} field, right?

Since it contains the image itself, not a path the image, you don’t need to put it as an image source. So try replacing this

<img src="{{Mems}}">

with this:

{{Mems}}

[joselpgma06]

It works! Your explanation really worked. You’re amazing, my friend

[Eltaurus]

Thanks🙂
Also, I see you are trying to modify the template, so I’d like to remind to put all your custom scripts and CSS styles into the “user scripts” and “user styles” sections respectively. This will make getting updates in the future much easier.

And if you’ll have any further questions regarding the template itself, there is a dedicated thread that could really use some activity: Memrise card template [support thread]

[joselpgma06]

Here is the result. Thank you very much for your advice.