Template:Team:TU-Munich/TUM13 Script

From 2013.igem.org

(Difference between revisions)
Line 24: Line 24:
         "https://static.igem.org/mediawiki/2013/4/4e/TUM13_submenu-bg.png",
         "https://static.igem.org/mediawiki/2013/4/4e/TUM13_submenu-bg.png",
         "https://static.igem.org/mediawiki/2013/d/db/TUM13_submenu-highlight.png" );
         "https://static.igem.org/mediawiki/2013/d/db/TUM13_submenu-highlight.png" );
 +
 +
// preload team pictures
 +
 +
if ( $("div#teamfield").length > 0 ) {
 +
preload( "https://static.igem.org/mediawiki/2013/5/52/TUM13_raven-front.png",
 +
        "https://static.igem.org/mediawiki/2013/b/b3/TUM13_raven-top.png",
 +
        "https://static.igem.org/mediawiki/2013/3/36/TUM13_raven-top-left.png",
 +
        "https://static.igem.org/mediawiki/2013/9/95/TUM13_raven-left.png",
 +
        "https://static.igem.org/mediawiki/2013/c/c3/TUM13_raven-bottom-left.png",
 +
        "https://static.igem.org/mediawiki/2013/0/08/TUM13_raven-bottom.png",
 +
        "https://static.igem.org/mediawiki/2013/d/d3/TUM13_raven-bottom-right.png",
 +
        "https://static.igem.org/mediawiki/2013/1/1d/TUM13_raven-right.png",
 +
        "https://static.igem.org/mediawiki/2013/e/e0/TUM13_raven-top-right.png" );
 +
}

Revision as of 12:11, 29 August 2013

$(document).ready(function(){


// put the footer in the right place

$("#footer-box").prepend($("#social-footer"));


// implement image preloading

var images = new Array()

function preload() {

   for (i = 0; i < preload.arguments.length; i++) {
       images[i] = new Image()
       images[i].src = preload.arguments[i]
   }

}


// preload menu backgrounds

preload( "TUM13_menu-highlight.png",

        "TUM13_submenu-bg.png",
        "TUM13_submenu-highlight.png" );

// preload team pictures

if ( $("div#teamfield").length > 0 ) { preload( "TUM13_raven-front.png",

        "TUM13_raven-top.png",
        "TUM13_raven-top-left.png",
        "TUM13_raven-left.png",
        "TUM13_raven-bottom-left.png",
        "TUM13_raven-bottom.png",
        "TUM13_raven-bottom-right.png",
        "TUM13_raven-right.png",
        "TUM13_raven-top-right.png" );

}


// Animate teamfield

var $members = $("div#teamfield a");

$("div#teamfield").mousemove(function(event){ for (i=0; i<$members.length; i++) {

if ( $members.eq(i).offset().left > event.pageX ) {

   if ( $members.eq(i).offset().top > event.pageY ) {
       $members.eq(i).removeClass();
       $members.eq(i).addClass("top-left");
   } else if ( $members.eq(i).offset().top <= event.pageY && ( $members.eq(i).offset().top + $members.eq(i).height() ) >= event.pageY ) {
       $members.eq(i).removeClass();
       $members.eq(i).addClass("left");
   } else if ( ( $members.eq(i).offset().top + $members.eq(i).height() ) < event.pageY ) {
       $members.eq(i).removeClass();
       $members.eq(i).addClass("bottom-left");
   }

} else if ( $members.eq(i).offset().left <= event.pageX && ( $members.eq(i).offset().left + $members.eq(i).width() ) >= event.pageX ) {

   if ( $members.eq(i).offset().top > event.pageY ) {
       $members.eq(i).removeClass();
       $members.eq(i).addClass("top");
   } else if ( $members.eq(i).offset().top <= event.pageY && ( $members.eq(i).offset().top + $members.eq(i).height() ) >= event.pageY ) {
       $members.eq(i).removeClass();
       $members.eq(i).addClass("front");
   } else if ( ( $members.eq(i).offset().top + $members.eq(i).height() ) < event.pageY ) {
       $members.eq(i).removeClass();
       $members.eq(i).addClass("bottom");
   }    

} else if ( ( $members.eq(i).offset().left + $members.eq(i).width() ) < event.pageX ) {

   if ( $members.eq(i).offset().top > event.pageY ) {
       $members.eq(i).removeClass();
       $members.eq(i).addClass("top-right");
   } else if ( $members.eq(i).offset().top <= event.pageY && ( $members.eq(i).offset().top + $members.eq(i).height() ) >= event.pageY ) {
       $members.eq(i).removeClass();
       $members.eq(i).addClass("right");
   } else if ( ( $members.eq(i).offset().top + $members.eq(i).height() ) < event.pageY ) {
       $members.eq(i).removeClass();
       $members.eq(i).addClass("bottom-right");
   }  

}

} });


// Animate the submenus /* $("#menu ul ul").slideUp();

$("#menu > ul > li, #menu > ul > li > a").mouseenter(function(event){

   $(event.target).children("ul").slideDown();

});

$("#menu > ul > li, #menu > ul > li > a").mouseleave(function(event){

   $(event.target).children("ul").slideUp();

});

  • /

});