When a user place his mouse or click on any image thumbnails, I want the particular thumbnail image to display in large size above the set of thumbnails images on the same page in my django template. I tried the below Javascript code but it's not working. I'm a noob in javascript. If there's any way I can do it in jquery please let me know.
{% block content %} <script type="text/javascript"> $(function() { $('.slideshow').hover( function() { $('.slides').cycle('resume'); }, function() { $('.slides').cycle('pause'); } ); $('.slides').cycle({ fx: 'fade', speed: .3, timeout: 280, next: '#next', prev: '#prev' }).cycle("pause"); }); </script> <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> <a href="{{ MEDIA_URL }}/{{post.sitting_view}}"><img src="{{post.thumbnail_3.url}}" width="83" height="78"></a> <a href="{{ MEDIA_URL }}/{{post.rook_view}}"><img src="{{post.thumbnail_4.url}}" width="83" height="78"></a> {% if Meekme.thumbnail_5 %} <a href="{{ MEDIA_URL }}/ {{post.rook_2_view}}"><img src="{{post.thumbnail_5.url}}" width="83" height="78"></a>{% endif %} {% if Meekme.thumbnail_6 %}<a href="{{ MEDIA_URL }}/ {{post.rook_3_view}}"><img src="{{post.thumbnail_6.url}}" width="83" height="78"></a>{% endif %} </center></p> {% endblock %} -- You received this message because you are subscribed to the Google Groups "Django users" group. To post to this group, send email to django-users@googlegroups.com. To unsubscribe from this group, send email to django-users+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/django-users?hl=en.