Template:ETHZ Basel10 Teaser

From 2010.igem.org

(Difference between revisions)
Line 93: Line 93:
border-right: 1px solid #ccc;
border-right: 1px solid #ccc;
}
}
-
.image_thumb ul li:hover {
+
.image_thumb ul li:hover, .image_thumb ul li.active {
background: #B6F3BF;
background: #B6F3BF;
cursor: pointer;
cursor: pointer;
Line 124: Line 124:
$(".main_image").hide();
$(".main_image").hide();
$(category).show();
$(category).show();
 +
$(".image_thumb ul li").removeClass('active'); //Remove class of 'active' on all lists
 +
$(this).addClass('active');  //add class of 'active' on this list only
};
};
</script>
</script>
Line 210: Line 212:
<div class="image_thumb">
<div class="image_thumb">
<ul>
<ul>
-
<li class="" onclick="document.location.href='https://2010.igem.org/Team:ETHZ_Basel/Introduction/Motivation'" onmouseover="switchbanner('#motivation')">
+
<li class="active" onclick="document.location.href='https://2010.igem.org/Team:ETHZ_Basel/Introduction/Motivation'" onmouseover="switchbanner('#motivation')">
<img src="https://static.igem.org/mediawiki/2010/b/bd/ETHZ_Basel_teaser_project_thumb.png">
<img src="https://static.igem.org/mediawiki/2010/b/bd/ETHZ_Basel_teaser_project_thumb.png">
<div class="block">
<div class="block">

Revision as of 21:05, 20 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?