Reemplazando imágenes en Django con jQuery

Hola comunidad de StackOverflow

Estoy usando Django para configurar una página web optimizada para dispositivos móviles. La página contiene una serie de imágenes y un botón. Cuando hace clic en el botón, una de esas imágenes debe reemplazarse.

El problema: utilizo la etiqueta {% static ‘img / Test1.jpg’%} en el HTML. Esto solo se muestra correctamente cuando se carga la página.

{{secretDisplay.secretTitle}}

This is the test

Quiero usar jQuery para reemplazar la primera imagen, pero el siguiente código no funciona, ya que Django solo muestra el {% static ‘img / Test2.jpg’%} en la carga de la página.

 $(document).ready( function() { $("#about-btn").click( function(){ $('.chat_window img').attr("src","{% static 'img/Test2.jpg'%}"); }); }); 

¿Existe una forma elegante de reemplazar la imagen de forma dinámica sin tener que proporcionar jQuery con la ruta absoluta?

¡Cualquier consejo sería muy apreciado!

Gracias m

Django solo muestra el {% static ‘img / Test2.jpg’%} en la carga de la página.

Django no representa la plantilla en la carga de la página. Django lo renderiza antes de cargar la página.

Si ya sabes qué ruta quieres pegar, entonces no necesitas la etiqueta estática de Django:

 $("#about-btn").click( function(){ $('.chat_window img').attr("src","img/Test2.jpg"); });