"
Team:Cornell/sandbox
From 2013.igem.org
(Difference between revisions)
| Line 317: | Line 317: | ||
position: absolute; | position: absolute; | ||
} | } | ||
| + | .parallax img { | ||
| + | max-height: 300px; | ||
| + | } | ||
| + | |||
| + | screen2 { | ||
| + | left: 100%; | ||
| + | } | ||
| + | foreground { z-index: 3; } | ||
| + | midground { z-index: 2; } | ||
| + | background { z-index: 1; } | ||
</style> | </style> | ||
| + | |||
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> | ||
$(window).bind('scroll',function(e){ | $(window).bind('scroll',function(e){ | ||
| Line 356: | Line 367: | ||
<div> We did stuff </div> | <div> We did stuff </div> | ||
</div> | </div> | ||
| - | <div class="parallax"> | + | <div class="parallax screen2"> |
<header> | <header> | ||
<h2> Notebook </h2> | <h2> Notebook </h2> | ||
| Line 364: | Line 375: | ||
<!-- foreground --> | <!-- foreground --> | ||
| - | <div id="foreground"> | + | <div id="foreground" class="parallax"> |
<img id="bg-project" src="https://static.igem.org/mediawiki/2013/f/f7/Cornell_IMG_4699.jpg" alt="pipetting glove"> | <img id="bg-project" src="https://static.igem.org/mediawiki/2013/f/f7/Cornell_IMG_4699.jpg" alt="pipetting glove"> | ||
| - | <img id="bg1-team" src="https://static.igem.org/mediawiki/2013/0/07/Luengvarinkul_oat.jpg" alt="Oat"> | + | <img id="bg1-team" class="screen2" src="https://static.igem.org/mediawiki/2013/0/07/Luengvarinkul_oat.jpg" alt="Oat" > |
</div> | </div> | ||
<!-- midground --> | <!-- midground --> | ||
| - | <div id="midground"> | + | <div id="midground" class="parallax"> |
<img id="mid1" src="http://f6design.com/projects/parallax-scrolling/img/cloud-lg1.png" alt="Big cloud"> | <img id="mid1" src="http://f6design.com/projects/parallax-scrolling/img/cloud-lg1.png" alt="Big cloud"> | ||
| - | |||
| - | |||
| - | |||
</div> | </div> | ||
<!-- background --> | <!-- background --> | ||
| - | <div id="background"> | + | <div id="background" class="parallax"> |
<img id="back1" src="http://s8210.storage.proboards.com/5498210/i/XsOgTFwPEcw6_rDCXT56.jpg" alt="Eric's favorite fish"> | <img id="back1" src="http://s8210.storage.proboards.com/5498210/i/XsOgTFwPEcw6_rDCXT56.jpg" alt="Eric's favorite fish"> | ||
| - | |||
</div> | </div> | ||
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 19:28, 26 December 2013
- Project
- Outreach
- Notebook
- Team
Whee
Project
We did stuff
Notebook
We wrote about stuff
