Team:Cornell/sandbox
From 2013.igem.org
(Difference between revisions)
Line 360: | Line 360: | ||
function scroll(param, dir) { | function scroll(param, dir) { | ||
$(param).each(function() { | $(param).each(function() { | ||
- | + | var speed = parseInt($(this).data('speed'), 10); //in milliseconds | |
var dist = parseInt($(this).data('dist'), 10); //in percentages | var dist = parseInt($(this).data('dist'), 10); //in percentages | ||
Line 393: | Line 393: | ||
<!-- NOTE: first-screen and second-last-screen have to be manually set if layout is changed --> | <!-- NOTE: first-screen and second-last-screen have to be manually set if layout is changed --> | ||
<!-- Screen 1 --> | <!-- Screen 1 --> | ||
- | <div id="first-screen" class="screen" data-speed=" | + | <div id="first-screen" class="screen" data-speed="500" data-dist="100"> |
<div class="parallax" data-speed="1000" data-dist="0" style="left: 22%; top: 10%"> | <div class="parallax" data-speed="1000" data-dist="0" style="left: 22%; top: 10%"> | ||
<h4> Inspired by this site ---> </h4> | <h4> Inspired by this site ---> </h4> | ||
Line 408: | Line 408: | ||
</div> | </div> | ||
<!-- Screen 2 --> | <!-- Screen 2 --> | ||
- | <div id="second-last-screen" class="screen" data-speed=" | + | <div id="second-last-screen" class="screen" data-speed="500" data-dist="100" style="top: -100%; left: 100%"> |
<div class="parallax" data-speed="1000" data-dist="0" style="left: 30%; top: 25%;"> | <div class="parallax" data-speed="1000" data-dist="0" style="left: 30%; top: 25%;"> | ||
<h2> These pages can replace sliders </h2> | <h2> These pages can replace sliders </h2> | ||
Line 423: | Line 423: | ||
</div> | </div> | ||
<!-- Screen 3 --> | <!-- Screen 3 --> | ||
- | <div class="screen" data-speed=" | + | <div class="screen" data-speed="500" data-dist="100" style="top: -200%; left: 200%"> |
<div class="parallax" data-speed="1000" data-dist="0" style="left: 10%;"> | <div class="parallax" data-speed="1000" data-dist="0" style="left: 10%;"> | ||
<h6> Whee! </h6> | <h6> Whee! </h6> |
Revision as of 20:20, 1 January 2014