Team:ETH Zurich

From 2014.igem.org

(Difference between revisions)
m
Line 10: Line 10:
If you are not a scientist, you will find buttons all over the site that enable you to simplify the most scientific descriptions and discover the world of synthetic biology. Have fun !
If you are not a scientist, you will find buttons all over the site that enable you to simplify the most scientific descriptions and discover the world of synthetic biology. Have fun !
</h3>
</h3>
-
<!--
 
<html>
<html>
-
<style type="text/css">
+
<div style="width:80%; max-width:400px; margin: 0 auto;">
-
#bxsliderText li
+
 
-
{
+
-
  text-align: justify;
+
-
  font-size:14.5px;
+
-
  line-height: 1.5em;
+
-
</style>
+
-
 
+
-
<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">
  <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>
+
   <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>
     </div></li>
     <li>
     <li>
Line 53: Line 44:
   </ul>
   </ul>
-
</div>
 
-
</div>
 
</div>
</div>
<script type="text/javascript">
<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(){
$(document).ready(function(){
-
   sliderText = $('#bxsliderText').bxSlider({'mode': 'fade', 'controls': false, 'pager': false, 'auto': false, "responsive": false, 'touch': false});
+
   slider = $('.bxslider').bxSlider({'auto': 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>
</script>
 +
</div>
</html>
</html>
-
<br clear="all" /> -->
 
-
 
-
[[File:ETH Zurich GridGlowing.gif|center|600px]]
 
-
 
-
<html> </div> </html>
 
-
 
{{:Team:ETH Zurich/tpl/foot}}
{{:Team:ETH Zurich/tpl/foot}}

Revision as of 14:26, 17 October 2014

iGEM ETH Zurich 2014