Template:Team:TU-Munich/TUM13 Script

From 2013.igem.org

(Difference between revisions)
Line 112: Line 112:
alert(url);
alert(url);
 +
 +
alert(url.lastIndexOf('/'));
// Animate the submenus
// Animate the submenus

Revision as of 11:44, 31 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");
   }  

}

} });

url = "600px-Gabbagandalf.png";

alert(url);

alert(url.lastIndexOf('/'));

// 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();

});

  • /

});