"
Team:ETH Zurich/Templates/interactive
From 2013.igem.org
(Difference between revisions)
| (7 intermediate revisions not shown) | |||
| Line 10: | Line 10: | ||
float: left; | float: left; | ||
} | } | ||
| - | # | + | #cell_holder { |
float: left; | float: left; | ||
margin: 0px 0px 0px 100px; | margin: 0px 0px 0px 100px; | ||
} | } | ||
.cell_selector{ | .cell_selector{ | ||
| - | height: | + | height: 18px; |
width: 250px; | width: 250px; | ||
background-color: green; | background-color: green; | ||
| - | + | color: white; | |
| + | border: 1px solid black; | ||
| + | } | ||
| + | .cell_img{ | ||
| + | height: 400px; | ||
| + | width: 400px; | ||
| + | background-color: red; | ||
| + | color: white; | ||
| + | border: 1px solid black; | ||
} | } | ||
| Line 32: | Line 40: | ||
<div id="test_bild"><img src="https://static.igem.org/mediawiki/2013/e/e7/Plate.png"></div> | <div id="test_bild"><img src="https://static.igem.org/mediawiki/2013/e/e7/Plate.png"></div> | ||
<div id="cell_holder"> | <div id="cell_holder"> | ||
| - | + | ||
| - | <p class=" | + | <p class="cell_selecto"> |
SENDER CELL | SENDER CELL | ||
</p> | </p> | ||
<p class="cell_selector"> | <p class="cell_selector"> | ||
| + | SENDER CELL | ||
| + | </p> | ||
| + | |||
| + | |||
| + | <div id="receiver_cell" class="cell_img"><img src="https://static.igem.org/mediawiki/2013/a/a7/Receiver_cell.png"></div> | ||
| + | |||
| + | <p id="works" class="cell_selector"> | ||
RECEIVER CELL | RECEIVER CELL | ||
</p> | </p> | ||
| + | |||
<div id="sender_cell" class="cell_img"><img src="https://static.igem.org/mediawiki/2013/a/a7/Receiver_cell.png"></div> | <div id="sender_cell" class="cell_img"><img src="https://static.igem.org/mediawiki/2013/a/a7/Receiver_cell.png"></div> | ||
| + | |||
</div> | </div> | ||
<div id="test_bild2"><img src="https://static.igem.org/mediawiki/2013/2/21/LacZ.png"></div> | <div id="test_bild2"><img src="https://static.igem.org/mediawiki/2013/2/21/LacZ.png"></div> | ||
| - | <div id=" | + | <div id="test_bild3"><img src="https://static.igem.org/mediawiki/2013/7/76/PhoA.png"></div> |
</div> | </div> | ||
<script> | <script> | ||
$('#test_bild2').nextAll().hide(); | $('#test_bild2').nextAll().hide(); | ||
$(document).ready(function() { | $(document).ready(function() { | ||
| - | + | var selector = $('.cell_selector'); | |
| - | $('#test_bild2').nextAll().delay(5000).fadeIn() | + | var imgs = $('.cell_img'); |
| + | imgs.hide(); | ||
| + | $('#test_bild2').nextAll().delay(5000).fadeIn() | ||
| + | selector.click(function() { | ||
| + | $('#test_bild2').delay(50).fadeOut() | ||
| + | var cur = $('this'); | ||
| + | $('cur').delay(50).fadeOut() | ||
| + | ("works").siblings('.cell_img').slideUp(); | ||
| + | document.getElementById("works").next('.cell_img').show(); | ||
| + | }); | ||
}); | }); | ||
</script> | </script> | ||
Latest revision as of 10:04, 23 August 2013
SENDER CELL
SENDER CELL
RECEIVER CELL
