coded kid
unread,Aug 31, 2012, 7:13:28 AM8/31/12Sign in to reply to author
Sign in to forward
You do not have permission to delete messages in this group
Sign in to report message
Either email addresses are anonymous for this group or you need the view member email addresses permission to view the original message
to Django users
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 %}