Difference between revisions of "Template:NAWI Graz:navbar"

Line 27: Line 27:
 
       var right = "https://static.igem.org/mediawiki/2017/d/d1/Rider.png"
 
       var right = "https://static.igem.org/mediawiki/2017/d/d1/Rider.png"
 
       var left = "https://static.igem.org/mediawiki/2017/0/0d/Rider_l.png"  
 
       var left = "https://static.igem.org/mediawiki/2017/0/0d/Rider_l.png"  
−
       var right_fast = "https://static.igem.org/mediawiki/2017/5/52/Rider_fast.jpeg"
+
       var right_f = "https://static.igem.org/mediawiki/2017/5/52/Rider_fast.jpeg"
−
       var left_fast = "https://static.igem.org/mediawiki/2017/5/5f/Rider_fast_l.jpeg"
+
       var left_f = "https://static.igem.org/mediawiki/2017/5/5f/Rider_fast_l.jpeg"
 
       var temp = 0;
 
       var temp = 0;
  
−
      $(document).mousemove(function(e){
+
var mouseX = 0;
−
          $("#rider").stop().animate({left:e.pageX-40});
+
$(document).mousemove(function(e){
−
     
+
  mouseX = e.pageX - 50;
−
          if (e.pageX > temp) {
+
});
−
        $("#rider").attr("src", right_fast);
+
 
−
          } else {
+
// cache the selector
−
        $("#rider").attr("src", left_fast);
+
var follower = $("#rider");
−
          }    
+
var xp = 0;
−
          temp = e.pageX;
+
var loop = setInterval(function(){
−
      });
+
 +
  if (xp > mouseX) {
 +
  if (xp - mouseX > 50) {
 +
  $("#rider").attr("src", left_f);
 +
} else {
 +
    $("#rider").attr("src", left);
 +
    }
 +
  } else {
 +
  if (mouseX - xp > 50) {
 +
$("#rider").attr("src", right_f);
 +
    } else {
 +
    $("#rider").attr("src", right);
 +
    }
 +
}
 +
  // change 12 to alter damping higher is slower
 +
  xp += (mouseX - xp) / 12;
 +
  follower.css({left:xp});
 +
}, 30);
  
  

Revision as of 23:57, 30 October 2017