javascript - Django应用程序中的翻转图像

Question

当用户单击缩略图时，我想在同一模板上以大格式显示缩略图。我发现这可以通过在 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 %}

Answer 1

尝试使用这个： http ://superdit.com/2011/06/11/hover-image-zoom-with-jquery/

这是最终结果： http ://demo.superdit.com/jquery/zoom_hover/