롤오버 이미지 Django 앱

Question

사용자가 클릭 할 때 동일한 템플릿에 큰 이미지로 축소판 이미지를 표시하려고합니다. 나는 이것이 장고 템플릿에서 자바 스크립트 롤오버를 함축적으로 함으로서 할 수 있다는 것을 알았다. 축소판 이미지를 자바 스크립트 롤오버를 사용하여 동일한 템플릿의 큰 이미지에 표시하려면 어떻게해야합니까?

템플릿 :

{% 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/