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