"
Team:Dundee/Team
From 2014.igem.org
(Difference between revisions)
| Line 80: | Line 80: | ||
<div class="col-xs-3"> | <div class="col-xs-3"> | ||
<a href="#clean" data-toggle="modal"> | <a href="#clean" data-toggle="modal"> | ||
| - | <img src="http://placehold.it/150x150&text=team0" class="img-responsive" alt="Responsive image"> | + | <img src="http://placehold.it/150x150&text=team0" class="img-responsive" onclick="showPoster(0)" alt="Responsive image"> |
</a> | </a> | ||
</div> | </div> | ||
<div class="col-xs-3"> | <div class="col-xs-3"> | ||
<a href="#clean" data-toggle="modal"> | <a href="#clean" data-toggle="modal"> | ||
| - | <img src="http://placehold.it/150x150&text=team1" class="img-responsive"alt="Responsive image"> | + | <img src="http://placehold.it/150x150&text=team1" class="img-responsive" onclick="showPoster(1)" alt="Responsive image"> |
</div> | </div> | ||
</a> | </a> | ||
<div class="col-xs-3"> | <div class="col-xs-3"> | ||
<a href="#clean" data-toggle="modal"> | <a href="#clean" data-toggle="modal"> | ||
| - | <img src="http://placehold.it/150x150&text=team2" class="img-responsive" alt="Responsive image"> | + | <img src="http://placehold.it/150x150&text=team2" class="img-responsive" onclick="showPoster(2)" alt="Responsive image"> |
</a> | </a> | ||
</div> | </div> | ||
<div class="col-xs-3"> | <div class="col-xs-3"> | ||
<a href="#clean" data-toggle="modal"> | <a href="#clean" data-toggle="modal"> | ||
| - | <img src="http://placehold.it/150x150&text=team3" class="img-responsive" alt="Responsive image"> | + | <img src="http://placehold.it/150x150&text=team3" class="img-responsive" onclick="showPoster(3)" alt="Responsive image"> |
</a> | </a> | ||
</div> | </div> | ||
| Line 107: | Line 107: | ||
</div> | </div> | ||
| - | + | <!-- SET MODAL LOOK--> | |
| + | <script> | ||
| + | function showPoster(member) { | ||
| + | var image = document.getElementById('westernImage'); | ||
| + | var name = document.getElementById('name'); | ||
| + | var text = document.getElementById('text'); | ||
| + | |||
| + | if (member == 0){ | ||
| + | image.src = "img/fakeTeam/clintCow.jpg"; | ||
| + | name.textContent = "Clint Eastwood"; | ||
| + | text.textContent = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sagittis purus quis ligula molestie ultricies. Nulla eu sem pellentesque diam auctor malesuada in sed arcu. Etiam a vehicula nunc. Sed vestibulum augue quis pellentesque ornare."; | ||
| + | } | ||
| + | |||
| + | if (member == 1){ | ||
| + | image.src = "img/fakeTeam/johnCow.jpg"; | ||
| + | name.textContent = "John Wayne"; | ||
| + | text.textContent = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sagittis purus quis ligula molestie ultricies. Nulla eu sem pellentesque diam auctor malesuada in sed arcu. Etiam a vehicula nunc. Sed vestibulum augue quis pellentesque ornare."; | ||
| + | } | ||
| + | if (member == 2){ | ||
| + | image.src = "img/fakeTeam/sethCow.jpg"; | ||
| + | name.textContent = "Seth MacFarlane"; | ||
| + | text.textContent = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sagittis purus quis ligula molestie ultricies. Nulla eu sem pellentesque diam auctor malesuada in sed arcu. Etiam a vehicula nunc. Sed vestibulum augue quis pellentesque ornare."; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | </script> | ||
Revision as of 11:02, 27 May 2014
Team
Wet Team
