Difference between revisions of "Team:Aix-Marseille/JS 2015/logo animation"
| Line 2: | Line 2: | ||
addressUrl = window.location.href; | addressUrl = window.location.href; | ||
img_left=new Image(); | img_left=new Image(); | ||
| − | img_left.src=" | + | img_left.src="https://2015.igem.org/File:Aix-Marseille_Mascotte-gauche.gif" ; |
img_right=new Image(); | img_right=new Image(); | ||
| − | img_right | + | img_right.src="https://2015.igem.org/File:Aix-Marseille_Mascotte-droite.gif ; |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| Line 82: | Line 47: | ||
img.animate({left:destinationLeftLogo},500, | img.animate({left:destinationLeftLogo},500, | ||
function(){ | function(){ | ||
| − | img.attr({"src" : " | + | img.attr({"src" : "https://2015.igem.org/File:Aix-Marseille_Mascotte-statique.png" |
}); | }); | ||
}); | }); | ||
Revision as of 16:58, 26 July 2015
//PARAMETRAGE DES IMAGES A CHOISIR POUR TRAJECTOIRE SUIVANT LE SENS
addressUrl = window.location.href; img_left=new Image();
img_left.src="https://2015.igem.org/File:Aix-Marseille_Mascotte-gauche.gif" ;
img_right=new Image(); img_right.src="https://2015.igem.org/File:Aix-Marseille_Mascotte-droite.gif ;
$(document).ready(function(){
var logoLefteft = 0;
var menuCibles = $("#menu_ul li a");
var img = $("#mascotte img");
//var mid = img.offset().left + img.width()/2 - parseInt(img.css("left"));
var lastActivatedIndex = "null";
var mid = $("#mascotte").width/2 - img.width/2;
//Placement Logo img.attr({"left" : mid});
//Lorsqu'un utilisateur survole un onglet, on déclenche l'animation
menuCibles.mouseenter(function() { animation($(this)); lastActivatedIndex = $(this); });
//Lorsqu'un utilisateur zoom ou dézoom, on déclenche l'animation pour mettre l'image gif à sa place $(window).resize(function() { if(lastActivatedIndex!="null") { animation(lastActivatedIndex); } });
//Fonction gérant l'animation du logo du système d'onglets function animation(e){ //Calculs pour situations var destinationLeftLogo = e.offset().left + e.width()/2 - img.width()/2; img.stop(); logoLeft = $("#mascotte img").offset().left; if(destinationLeftLogo > logoLeft) { img.attr({"src" : img_right.src}); } else if (destinationLeftLogo < logoLeft){ img.attr({"src" : img_left.src}); } logoLeft = destinationLeftLogo;
//Animation du logo img.animate({left:destinationLeftLogo},500, function(){ img.attr({"src" : "https://2015.igem.org/File:Aix-Marseille_Mascotte-statique.png" }); }); }
});