Team:Cornell/sandbox

From 2013.igem.org

(Difference between revisions)
Line 333: Line 333:
             return $.trim($(this).html()) == '';
             return $.trim($(this).html()) == '';
         }).remove();
         }).remove();
-
 
+
$(document).keydown(function(e){
$(document).keydown(function(e){
-
clearTimeout($.data(this, 'timer'));
+
//down or right
-
var wait = setTimeout(parallax(e), '3000');
+
if (e.which == 40 || e.which == 39) {
-
$(this).data('timer', wait);
+
if(parseInt($("#second-last-screen").css('left')) > -1) //only scroll if we haven't reached the far right
 +
scroll($(".parallax, .screen"), 0);
 +
 +
return false; //prevent more keydown events from firing
 +
}
 +
 +
//up or left
 +
else if(e.which == 38 || e.which == 37) {
 +
if(parseInt($("#first-screen").css('left')) < 0) //only scroll if we haven't reached the far left
 +
scroll($(".parallax, .screen"), 1);
 +
 +
return false; //prevent more keydown events from firing
 +
}
});
});
     });
     });
-
+
 
-
function parallax(e) {
+
-
//down or right
+
-
if (e.which == 40 || e.which == 39) {
+
-
if(parseInt($("#second-last-screen").css('left')) > -1) //only scroll if we haven't reached the far right
+
-
scroll($(".parallax, .screen"), 0);
+
-
+
-
return false; //prevent more keydown events from firing
+
-
}
+
-
+
-
//up or left
+
-
else if(e.which == 38 || e.which == 37) {
+
-
if(parseInt($("#first-screen").css('left')) < 0) //only scroll if we haven't reached the far left
+
-
scroll($(".parallax, .screen"), 1);
+
-
+
-
return false; //prevent more keydown events from firing
+
-
}
+
-
}
+
-
+
function scroll(param, dir) {
function scroll(param, dir) {
$(param).each(function() {
$(param).each(function() {

Revision as of 20:37, 1 January 2014

Parallax Test

Parallax Design 1.2

Inspired by this site --->

http://hotdot.pro/en/#

(Yeah I stole the background)

Use the arrow keys to navigate -->

These pages can replace sliders

And have pretty pictures that link to project pages

This means design will be really important
It also takes a ton of time to set the page up cause I have to position everything manually
Whee!

Yay! Parallax

(Nupur's awesome)

Retrieved from "http://2013.igem.org/Team:Cornell/sandbox"