31 <script type="text/javascript">
32 $(document).ready(function() {
33 $(".content").css("width", "100%");
34 var img = $(".images");
38 function recenter_img() {
39 img.css("left", ($(window).width()/2 - img_width/2) + "px");
40 img.css("top", ($(window).height()/2 - img_height/2) + "px");
43 $(window).resize(function(){
47 function start_animation()
49 $(".fadeimg").fadeIn();
53 function stop_animation()
55 $(".fadeimg").fadeOut();
58 var capture = ".images";
59 $(capture).mouseenter(function(){
62 $(capture).mouseleave(function() {
65 $(capture).mouseup(function() {
66 $(".intro-img").hide();
67 window.location = $("a.intro-link").attr("href");
70 $(".images").mousedown(function(){
71 $(".intro-img").attr("{{ content.image_3.get_absolute_url }}");
75 $(".images").click(function(evn){
76 // evn.preventDefault();
77 // var to = $(window).width() + img_width + 100 + "px";
78 // $(".images").animate({"left": to}, 1000, function(){window.location = $("a.intro-link").attr("href")});
84 <a class="intro-link" href="{{ content.link }}" title="{{ content.link_title }}">
85 <img class="intro-img" src="{{ content.image_1.get_absolute_url }}" alt="{{ content.link_title }}" />
86 <img class="fadeimg" src="{{ content.image_2.get_absolute_url }}" />