Template:ETHZ Basel10 Teaser

From 2010.igem.org

(Difference between revisions)
Line 99: Line 99:
}
}
.image_thumb ul li{
.image_thumb ul li{
 +
display: block;
margin: 0; padding: 10px 10px;
margin: 0; padding: 10px 10px;
background: #f0f0f0;
background: #f0f0f0;
Line 112: Line 113:
.image_thumb ul li.active {
.image_thumb ul li.active {
background: #B6F3BF;
background: #B6F3BF;
-
cursor: default;
+
cursor: hand;
 +
}
 +
.image_thumb ul li a {
 +
display: block;
}
}
html .image_thumb ul li h2 {
html .image_thumb ul li h2 {
Line 141: Line 145:
//Set Variables
//Set Variables
var imgAlt = $(this).find('img').attr("alt"); //Get Alt Tag of Image
var imgAlt = $(this).find('img').attr("alt"); //Get Alt Tag of Image
-
var imgTitle = $(this).find('lk').attr("href"); //Get Main Image URL
+
var imgTitle = $(this).find('a').attr("href"); //Get Main Image URL
var imgDesc = $(this).find('.block').html(); //Get HTML of block
var imgDesc = $(this).find('.block').html(); //Get HTML of block
var imgDescHeight = $(".main_image").find('.block').height(); //Calculate height of block
var imgDescHeight = $(".main_image").find('.block').height(); //Calculate height of block
Line 192: Line 196:
<div class="image_thumb">
<div class="image_thumb">
<ul>
<ul>
-
<li class="">
+
<li class="" onclick="document.location.href='https://2010.igem.org/Team:ETHZ_Basel/Introduction/Motivation'">
-
<lk href="https://static.igem.org/mediawiki/2010/8/84/ETHZ_Basel_teaser_project.png"><img src="https://static.igem.org/mediawiki/2010/b/bd/ETHZ_Basel_teaser_project_thumb.png">
+
<a href="https://static.igem.org/mediawiki/2010/8/84/ETHZ_Basel_teaser_project.png"><img src="https://static.igem.org/mediawiki/2010/b/bd/ETHZ_Basel_teaser_project_thumb.png"></a>
<div class="block">
<div class="block">
<a href="https://2010.igem.org/Team:ETHZ_Basel/Introduction/Motivation" class="teaserlink">
<a href="https://2010.igem.org/Team:ETHZ_Basel/Introduction/Motivation" class="teaserlink">
Line 203: Line 207:
</div>
</div>
</li>
</li>
-
<li class="">
+
<li class="" onclick="document.location.href='https://2010.igem.org/Team:ETHZ_Basel/Introduction/Movie'">
-
<lk href="https://static.igem.org/mediawiki/2010/8/84/ETHZ_Basel_teaser_project.png"><img src="https://static.igem.org/mediawiki/2010/b/bd/ETHZ_Basel_teaser_project_thumb.png">
+
<a href="https://static.igem.org/mediawiki/2010/8/84/ETHZ_Basel_teaser_project.png"><img src="https://static.igem.org/mediawiki/2010/b/bd/ETHZ_Basel_teaser_project_thumb.png"></a>
<div class="block">
<div class="block">
<a href="https://2010.igem.org/Team:ETHZ_Basel/Introduction/Movie" class="teaserlink">
<a href="https://2010.igem.org/Team:ETHZ_Basel/Introduction/Movie" class="teaserlink">
Line 214: Line 218:
</div>
</div>
</li>
</li>
-
<li class="">
+
<li class="" onclick="document.location.href='https://2010.igem.org/Team:ETHZ_Basel/Biology'">
-
<lk href="https://static.igem.org/mediawiki/2010/3/3f/ETHZ_Basel_teaser_biology.png"><img src="https://static.igem.org/mediawiki/2010/f/f9/ETHZ_Basel_teaser_biology_thumb.png">
+
<a href="https://static.igem.org/mediawiki/2010/3/3f/ETHZ_Basel_teaser_biology.png"><img src="https://static.igem.org/mediawiki/2010/f/f9/ETHZ_Basel_teaser_biology_thumb.png"></a>
<div class="block">
<div class="block">
<a href="https://2010.igem.org/Team:ETHZ_Basel/Biology" class="teaserlink">
<a href="https://2010.igem.org/Team:ETHZ_Basel/Biology" class="teaserlink">
Line 225: Line 229:
</div>
</div>
</li>
</li>
-
<li class="">
+
<li class="" onclick="document.location.href='https://2010.igem.org/Team:ETHZ_Basel/Modeling'">
-
<lk href="https://static.igem.org/mediawiki/2010/1/16/ETHZ_Basel_teaser_molecular_models.png"><img src="https://static.igem.org/mediawiki/2010/1/1f/ETHZ_Basel_teaser_molecular_models_thumb.png">
+
<a href="https://static.igem.org/mediawiki/2010/1/16/ETHZ_Basel_teaser_molecular_models.png"><img src="https://static.igem.org/mediawiki/2010/1/1f/ETHZ_Basel_teaser_molecular_models_thumb.png"></a>
<div class="block">
<div class="block">
<a href="https://2010.igem.org/Team:ETHZ_Basel/Modeling" class="teaserlink">
<a href="https://2010.igem.org/Team:ETHZ_Basel/Modeling" class="teaserlink">
Line 236: Line 240:
</div>
</div>
</li>
</li>
-
<li class="">
+
<li class="" onclick="document.location.href='https://2010.igem.org/Team:ETHZ_Basel/InformationProcessing'">
-
<lk href="https://static.igem.org/mediawiki/2010/2/21/ETHZ_Basel_teaser_information_processing.png"><img src="https://static.igem.org/mediawiki/2010/5/52/ETHZ_Basel_teaser_information_processing_thumb.png">
+
<a href="https://static.igem.org/mediawiki/2010/2/21/ETHZ_Basel_teaser_information_processing.png"><img src="https://static.igem.org/mediawiki/2010/5/52/ETHZ_Basel_teaser_information_processing_thumb.png"></a>
<div class="block">
<div class="block">
<a href="https://2010.igem.org/Team:ETHZ_Basel/InformationProcessing" class="teaserlink">
<a href="https://2010.igem.org/Team:ETHZ_Basel/InformationProcessing" class="teaserlink">
Line 247: Line 251:
</div>
</div>
</li>
</li>
-
<li class="">
+
<li class=""  onclick="document.location.href='https://2010.igem.org/Team:ETHZ_Basel/Achievements'">
-
<lk href="https://static.igem.org/mediawiki/2010/9/90/ETHZ_Basel_teaser_achievements.png"><img src="https://static.igem.org/mediawiki/2010/b/b1/ETHZ_Basel_teaser_achievements_thumb.png">
+
<a href="https://static.igem.org/mediawiki/2010/9/90/ETHZ_Basel_teaser_achievements.png"><img src="https://static.igem.org/mediawiki/2010/b/b1/ETHZ_Basel_teaser_achievements_thumb.png"></a>
<div class="block">
<div class="block">
<a href="https://2010.igem.org/Team:ETHZ_Basel/Achievements" class="teaserlink">
<a href="https://2010.igem.org/Team:ETHZ_Basel/Achievements" class="teaserlink">

Revision as of 08:46, 20 October 2010