Team:Cornell/sandbox

From 2013.igem.org

(Difference between revisions)
Line 327: Line 327:
//down or right
//down or right
if (e.which == 40 || e.which == 39) {  
if (e.which == 40 || e.which == 39) {  
-
if($("#second-last-screen").css('left') > 0) { //only scroll if we haven't reached the far right
+
if($("#second-last-screen").css('left') > '0') { //only scroll if we haven't reached the far right
$(".parallax").each(function() {
$(".parallax").each(function() {
var speed = 10 * parseInt($(this).data('speed'), 10);
var speed = 10 * parseInt($(this).data('speed'), 10);
Line 339: Line 339:
//up or left
//up or left
else if(e.which == 38 || e.which == 37) {
else if(e.which == 38 || e.which == 37) {
-
if($("#first-screen").css('left') < 0) { //only scroll if we haven't reached the far left
+
if($("#first-screen").css('left') < '0') { //only scroll if we haven't reached the far left
$(".parallax").each(function() {
$(".parallax").each(function() {
var speed = 10 * parseInt($(this).data('speed'), 10);
var speed = 10 * parseInt($(this).data('speed'), 10);
Line 386: Line 386:
</div>
</div>
<div class="parallax" data-speed="120" style="left: 270%; padding-top: 100px;">
<div class="parallax" data-speed="120" style="left: 270%; padding-top: 100px;">
-
<h2> And have pretty pictures that link to project pages </h2>
+
<h4> And have pretty pictures that link to project pages </h2>
</div>
</div>
<div class="parallax" data-speed="119" style="left: 230%; padding-top: 200px;">
<div class="parallax" data-speed="119" style="left: 230%; padding-top: 200px;">
-
<h2> This means design will be really important </h2>
+
<h5> This means design will be really important </h2>
</div>
</div>
</div>
</div>
</body>
</body>
</html>
</html>

Revision as of 02:22, 30 December 2013

Parallax Test

Whee

Project

These can replace sliders

And have pretty pictures that link to project pages

This means design will be really important