Team:ETH Zurich

From 2014.igem.org

(Difference between revisions)
m
Line 11: Line 11:
</h3>
</h3>
 +
<html>
 +
<style type="text/css">
 +
#bxsliderText li
 +
{
 +
  text-align: justify;
 +
  font-size:14.5px;
 +
  line-height: 1.5em;
 +
</style>
 +
<div style="display: table; table-layout: fixed; max-width:1200px; width: 90%; margin: 0 auto; position: relative; height: 100%; min-height:530;">
 +
<div style="display: table-row; height:100%;">
 +
<div style="display: table-cell; vertical-align: top; width: 350px; height: 100%; padding-bottom: 70px;">
 +
<ul class="bxslider" id="bxsliderText">
 +
 +
<div style="display: table-cell; vertical-align: top; width: 15px; "></div>
 +
<div style="display: table-cell; vertical-align: top; width: auto; ">
 +
<ul class="bxslider" id="bxslider">
 +
 +
  <li><div></html>{{:Team:ETH Zurich/Templates/Video|width=660px|id=video1|ratio=4/3|srcMP4=<html>https://static.igem.org/mediawiki/2013/7/76/Colisweeperfinal.mp4</html>|poster=<html>https://static.igem.org/mediawiki/2014/e/e4/ETH_Zurich_Slider_Slide1.png</html>}}<html>
 +
    </div></li>
 +
    <li>
 +
      <a href="https://2014.igem.org/Team:ETH_Zurich/project/overview"><img src="https://static.igem.org/mediawiki/2014/b/b9/ETH_Zurich_Slider_Slide2.gif"/></a>
 +
      </li>
 +
<li>
 +
<a href="https://2014.igem.org/Team:ETH_Zurich/expresults">
 +
      <img src="https://static.igem.org/mediawiki/2014/4/43/ETH_Zurich_Slider_Slide3.png"  /></a>
 +
 +
    </li>
 +
      <li>
 +
      <a href="https://2014.igem.org/Team:ETH_Zurich/project/infopro"><img src="https://static.igem.org/mediawiki/2014/5/54/ETH_Zurich_Slider_Slide4.png"/></a>
 +
      </li>
 +
    <li>
 +
      <a href="https://2014.igem.org/Team:ETH_Zurich/lab/chip"><img src="https://static.igem.org/mediawiki/2014/0/0c/ETH_Zurich_Slider_Slide5.png"/></a>   
 +
 +
    </li>
 +
  <li>
 +
      <a href="https://2014.igem.org/Team:ETH_Zurich/human/overview"><img src="https://static.igem.org/mediawiki/2014/d/d9/ETH_Zurich_Slider_Slide6.png"/></a>   
 +
    </li>
 +
 +
<li><a href="https://2014.igem.org/Team:ETH_Zurich/human/overview"><img src="https://static.igem.org/mediawiki/2014/9/93/ETH_Zurich_Slider_Slide7.png"/></a>
 +
    </li>
 +
 +
      <li>
 +
      <a href="https://2014.igem.org/Team:ETH_Zurich/team"><img src="https://static.igem.org/mediawiki/2014/1/11/ETH_Zurich_Slider_Slide8.png" /></a>
 +
    </li>
 +
 +
  </ul>
 +
</div>
 +
</div>
 +
</div>
 +
<script type="text/javascript">
 +
(function($) {
 +
function img(url) {
 +
var i = new Image;
 +
i.src = url;
 +
return i;
 +
}
 +
 +
if ('naturalWidth' in (new Image)) {
 +
$.fn.naturalWidth = function() { return this[0].naturalWidth; };
 +
$.fn.naturalHeight = function() { return this[0].naturalHeight; };
 +
return;
 +
}
 +
$.fn.naturalWidth = function() { return img(this[0].src).width; };
 +
$.fn.naturalHeight = function() { return img(this[0].src).height; };
 +
})(jQuery);
 +
 +
 +
 +
function onWindowResize()
 +
{
 +
  var curWidth = $(window).width(),
 +
  curHeight = $(window).height(),
 +
  checking=false;
 +
  if (checking) {
 +
      return;
 +
  }
 +
  checking = true;
 +
  window.setTimeout(
 +
    function() {
 +
        var newWidth = $(window).width(),
 +
            newHeight = $(window).height();
 +
        if (!(newWidth !== curWidth ||
 +
            newHeight !== curHeight)) {
 +
            resize(false);
 +
        }
 +
        checking=false;
 +
    }, 300);
 +
}
 +
 +
function resize(initial) {
 +
 +
if (navigator.userAgent.match(/msie/i))
 +
{
 +
    if ($("#bxsliderText").parent().css("height") != $("#bxslider").parent().css("height"))
 +
        setTimeout(function() {$( "#bxsliderText" ).parent().css({"height": $("#bxslider").parent().css("height")});}, 100);
 +
}
 +
 +
if (!initial)
 +
{
 +
    var container =  $('#bxslider > li');
 +
    var imgWidth = container.width();
 +
 +
  $( "#imagemap, #imagemap2" ).each(function() {
 +
      $(this).css('height', 'auto', 'width', 'auto');
 +
      $(this).mapster('resize',Math.min(imgWidth, $(this).naturalWidth()) ,0,0); 
 +
  });
 +
}
 +
 +
}
 +
 +
 +
$(document).ready(function(){
 +
  sliderText = $('#bxsliderText').bxSlider({'mode': 'fade', 'controls': false, 'pager': false, 'auto': false, "responsive": false, 'touch': false});
 +
  slider = $('#bxslider').bxSlider({ 'auto': false, onSlideAfter: function(slideElement, oldIndex, newIndex){sliderText.goToSlide(newIndex);}, onSlideBefore: function(slideElement, oldIndex, newIndex){sliderText.goToSlide(newIndex);}});
 +
  $('#bxsliderText').parent().css({"height": "100%", 'min-height' : '530px'});
 +
  $('#bxsliderText').parent().parent().css({"height": "100%"});
 +
  $('.bx-viewport #bxslider').bind('mousewheel', function(event, delta, deltaX, deltaY) {
 +
            event.preventDefault();
 +
            if (delta < 0) {slider.goToNextSlide();}
 +
            else {slider.goToPrevSlide();}
 +
          });
 +
  $('#imagemap, #imagemap2').mapster({
 +
    fillColor: 'c2d8f1',
 +
    fillOpacity: 0.6, /*
 +
    stroke: true,
 +
    strokeColor: 'c2d8f1',
 +
    strokeOpacity: 0.7,
 +
    strokeWidth: 2, */
 +
    clickNavigate: true
 +
  });
 +
 +
 +
$(window).resize(
 +
  function()
 +
  {
 +
onWindowResize();
 +
  });
 +
resize(true);
 +
});
 +
</script>
 +
</html>
 +
<br clear="all" />
[[File:ETH Zurich GridGlowing.gif|center|600px]]
[[File:ETH Zurich GridGlowing.gif|center|600px]]

Revision as of 12:56, 17 October 2014

iGEM ETH Zurich 2014

Retrieved from "http://2014.igem.org/Team:ETH_Zurich"