Team:TU-Munich/TUM13 Script

From 2013.igem.org

(Difference between revisions)
(Created page with "$(document).ready(function(){ // put the footer in the right place $("#footer-box").prepend($("#social-footer")); // implement image preloading var images = new Array() fu...")
Line 8: Line 8:
// implement image preloading
// implement image preloading
-
 
-
var images = new Array()
 
function preload() {
function preload() {
 +
    var images = new Array()
     for (i = 0; i < preload.arguments.length; i++) {
     for (i = 0; i < preload.arguments.length; i++) {
         images[i] = new Image()
         images[i] = new Image()
Line 181: Line 180:
});
});
-
$("ul.bxgallery img").slimbox({ loop: true }, function(el) {
+
// Lightbox
-
url = el.src;
+
-
url = url.substring(0, url.lastIndexOf('/'));
+
-
url = url.replace('/thumb/', '/');
+
-
// description = $(el).parents("div.thumbinner").children("div.thumbcaption").text();
+
-
return [url, ''];
+
-
}, function(el) {
+
-
return (this == el) || (this.parentNode.parentNode && (this.parentNode.parentNode == el.parentNode.parentNode));
+
-
});
+
 +
$("div.thumbinner > a img").slimbox({/* Put custom options here */}, function(el) {
 +
url = el.src;
 +
url = url.substring(0, url.lastIndexOf('/'));
 +
url = url.replace('/thumb/', '/');
 +
description = $(el).parents("div.thumbinner").children("div.thumbcaption").text();
 +
return [url, description];
 +
}, function(el) {
 +
return (this == el);
 +
});
 +
 +
$("ul.bxgallery img").slimbox({ loop: true }, function(el) {
 +
url = el.src;
 +
url = url.substring(0, url.lastIndexOf('/'));
 +
url = url.replace('/thumb/', '/');
 +
// description = $(el).parents("div.thumbinner").children("div.thumbcaption").text();
 +
return [url, ''];
 +
}, function(el) {
 +
return (this == el) || (this.parentNode.parentNode && (this.parentNode.parentNode == el.parentNode.parentNode));
 +
});
// Animate teamfield
// Animate teamfield
Line 264: Line 274:
}
}
-
 
-
 
-
// 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();
 
-
});
 
-
*/
 
});
});

Revision as of 17:21, 27 September 2013

$(document).ready(function(){


// put the footer in the right place

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


// implement image preloading

function preload() { 

   var images = new Array()
   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",
        "TUM13_katrin-front.png",        // Katrin
        "TUM13_katrin-t.png",
        "TUM13_katrin-t-l.png",
        "TUM13_katrin-l.png",
        "TUM13_katrin-b-l.png",
        "TUM13_katrin-b.png",
        "TUM13_katrin-b-r.png",
        "TUM13_katrin-r.png",
        "TUM13_katrin-t-r.png",
        "TUM13_rosario-front.png",        // Rosario
        "TUM13_rosario-t.png",
        "TUM13_rosario-t-l.png",
        "TUM13_rosario-l.png",
        "TUM13_rosario-b-l.png",
        "TUM13_rosario-b.png",
        "TUM13_rosario-b-r.png",
        "TUM13_rosario-r.png",
        "TUM13_rosario-t-r.png",
        "TUM13_fabian-front.png",        // Fabian
        "TUM13_fabian-t.png",
        "TUM13_fabian-t-l.png",
        "TUM13_fabian-l.png",
        "TUM13_fabian-b-l.png",
        "TUM13_fabian-b.png",
        "TUM13_fabian-b-r.png",
        "TUM13_fabian-r.png",
        "TUM13_fabian-t-r.png",
        "TUM13_andreas-front.png",        // Andreas
        "TUM13_andreas-t.png",
        "TUM13_andreas-t-l.png",
        "TUM13_andreas-l.png",
        "TUM13_andreas-b-l.png",
        "TUM13_andreas-b.png",
        "TUM13_andreas-b-r.png",
        "TUM13_andreas-r.png",
        "TUM13_andreas-t-r.png",
        "TUM13_louise-front.png",        // Louise
        "TUM13_louise-t.png",
        "TUM13_louise-t-l.png",
        "TUM13_louise-l.png",
        "TUM13_louise-b-l.png",
        "TUM13_louise-b.png",
        "TUM13_louise-b-r.png",
        "TUM13_louise-r.png",
        "TUM13_louise-t-r.png",
        "TUM13_johanna-front.png",        // Johanna
        "TUM13_johanna-t.png",
        "TUM13_johanna-t-l.png",
        "TUM13_johanna-l.png",
        "TUM13_johanna-b-l.png",
        "TUM13_johanna-b.png",
        "TUM13_johanna-b-r.png",
        "TUM13_johanna-r.png",
        "TUM13_johanna-t-r.png",
        "TUM13_meike-front.png",        // Meike
        "TUM13_meike-t.png",
        "TUM13_meike-t-l.png",
        "TUM13_meike-l.png",
        "TUM13_meike-b-l.png",
        "TUM13_meike-b.png",
        "TUM13_meike-b-r.png",
        "TUM13_meike-r.png",
        "TUM13_meike-t-r.png",
        "TUM13_volker-front.png",        // Volker
        "TUM13_volker-t.png",
        "TUM13_volker-t-l.png",
        "TUM13_volker-l.png",
        "TUM13_volker-b-l.png",
        "TUM13_volker-b.png",
        "TUM13_volker-b-r.png",
        "TUM13_volker-r.png",
        "TUM13_volker-t-r.png",
        "TUM13_polte-front.png",        // Polte
        "TUM13_polte-t.png",
        "TUM13_polte-t-l.png",
        "TUM13_polte-l.png",
        "TUM13_polte-b-l.png",
        "TUM13_polte-b.png",
        "TUM13_polte-b-r.png",
        "TUM13_polte-r.png",
        "TUM13_polte-t-r.png",
        "TUM13_leonie-front.png",        // Leonie
        "TUM13_leonie-t.png",
        "TUM13_leonie-t-l.png",
        "TUM13_leonie-l.png",
        "TUM13_leonie-b-l.png",
        "TUM13_leonie-b.png",
        "TUM13_leonie-b-r.png",
        "TUM13_leonie-r.png",
        "TUM13_leonie-t-r.png",
        "TUM13_philipp-front.png",        // Philipp
        "TUM13_philipp-t.png",
        "TUM13_philipp-t-l.png",
        "TUM13_philipp-l.png",
        "TUM13_philipp-b-l.png",
        "TUM13_philipp-b.png",
        "TUM13_philipp-b-r.png",
        "TUM13_philipp-r.png",
        "TUM13_philipp-t-r.png",
        "TUM13_jeff-front.png",        // Jeff
        "TUM13_jeff-t.png",
        "TUM13_jeff-t-l.png",
        "TUM13_jeff-l.png",
        "TUM13_jeff-b-l.png",
        "TUM13_jeff-b.png",
        "TUM13_jeff-b-r.png",
        "TUM13_jeff-r.png",
        "TUM13_jeff-t-r.png",
        "TUM13_chris-front.png",        // Chris
        "TUM13_chris-t.png",
        "TUM13_chris-t-l.png",
        "TUM13_chris-l.png",
        "TUM13_chris-b-l.png",
        "TUM13_chris-b.png",
        "TUM13_chris-b-r.png",
        "TUM13_chris-r.png",
        "TUM13_chris-t-r.png",
        "TUM13_flo-front.png",        // Flo
        "TUM13_flo-t.png",
        "TUM13_flo-t-l.png",
        "TUM13_flo-l.png",
        "TUM13_flo-b-l.png",
        "TUM13_flo-b.png",
        "TUM13_flo-b-r.png",
        "TUM13_flo-r.png",
        "TUM13_flo-t-r.png" );

}

// Slideshows

$('.bxslider').bxSlider({ 

   responsive: false,
   auto: true,
   autoHover: true

});

$('.bxgallery').bxSlider({ 

   slideMargin: 10,
   minSlides: 3,
   maxSlides: 3,
   moveSlides: 1,
   slideWidth: 5000

});

// Lightbox

$("div.thumbinner > a img").slimbox({/* Put custom options here */}, function(el) { url = el.src; url = url.substring(0, url.lastIndexOf('/')); url = url.replace('/thumb/', '/'); description = $(el).parents("div.thumbinner").children("div.thumbcaption").text(); return [url, description]; }, function(el) { return (this == el); });

$("ul.bxgallery img").slimbox({ loop: true }, function(el) { url = el.src; url = url.substring(0, url.lastIndexOf('/')); url = url.replace('/thumb/', '/'); // description = $(el).parents("div.thumbinner").children("div.thumbcaption").text(); return [url, ]; }, function(el) { return (this == el) || (this.parentNode.parentNode && (this.parentNode.parentNode == el.parentNode.parentNode)); });

// Animate teamfield

if ( $("div#teamfield").length > 0 ) {

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

$("body").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");

   }

}

} });

}

});

Retrieved from "http://2013.igem.org/Team:TU-Munich/TUM13_Script"