ユーザーがサムネイル画像をクリックしたときに、同じテンプレートにサムネイル画像を大判で表示したい。これは、djangoテンプレートでjavascriptのロールオーバーを強制することで実行できることがわかりました。JavaScriptのロールオーバーを使用して、サムネイル画像を同じテンプレートの大きな画像に表示するにはどうすればよいですか？
レンプレート：
{% block content %}
<p><strong><center> {{ post.title }} </center></strong> </p>
<p><center><a href="{{ MEDIA_URL }}/{{post.main_view}}"><img src="{{post.thumbnail_1.url}}" width="83" height="78"></a> <a href="{{ MEDIA_URL }}/ {{post.side_view}}"><img src="{{post.thumbnail_2.url}}" width="83" height="78"> </a>
{% endblock %}