Template:ETHZ Basel10 Teaser

From 2010.igem.org

(Difference between revisions)
Line 8: Line 8:
display: block;
display: block;
color: #fff;
color: #fff;
 +
text-decoration: none;
 +
}
}
:hover.teaserlink {
:hover.teaserlink {
Line 113: Line 115:
</style>
</style>
<script type="text/javascript">
<script type="text/javascript">
 +
// Main function
$(document).ready(function() {
$(document).ready(function() {
// Hide all main_image, until one is activated.
// Hide all main_image, until one is activated.
$(".main_image").hide();
$(".main_image").hide();
// Activate first banner
// Activate first banner
-
$("#motivation").show();
+
$(".main_image:first").show();
 +
 
 +
//Click and Hover events for thumbnail list
 +
$(".image_thumb ul li:first").addClass('active');
 +
$(".image_thumb ul li").hover(function(){
 +
 +
$(".image_thumb ul li").removeClass('active'); //Remove class of 'active' on all lists
 +
$(this).addClass('active');  //add class of 'active' on this list only
 +
return false;
 +
 +
}) .hover(function(){
 +
$(this).addClass('hover');
 +
}, function() {
 +
$(this).removeClass('hover');
 +
});
});
});

Revision as of 18:42, 21 October 2010

  • Motivation & Project Idea

    What is E. lemming?

  • E. lemming - The Movie

    Watch a short animation of the project idea!

  • Biology & Wet Laboratory

    How is it implemented?

  • Mathematical Modeling

    How does modeling help?

  • Information Processing

    How is it controlled?

  • Achievements

    What was achieved?

Retrieved from "http://2010.igem.org/Template:ETHZ_Basel10_Teaser"