Team:Heidelberg/DesignTest

From 2013.igem.org

(Difference between revisions)
m
m
Line 22: Line 22:
<script>
<script>
-
var Slider = function() {this.initialize.apply(this, arguments)}
+
(function() {
-
Slider.prototype = {
+
   
   
-
initialize: function(slider) {
+
  // store the slider in a local variable
-
this.ul = slider.children[0]
+
  var $window = $(window),
-
this.li = this.ul.children
+
      flexslider;
-
+
-
// make <ul> as large as all <li>’s
+
-
this.ul.style.width = (this.li[0].clientWidth * this.li.length) + 'px'
+
-
+
-
this.currentIndex = 0
+
-
this.clock()
+
-
},
+
-
goTo: function(index) {
+
-
clearTimeout(this.Interval)
+
-
// circle through indices
+
-
if (index < 0) index = this.li.length - 1;
+
-
else if (index > this.li.length - 1) index = 0;
+
   
   
-
// move <ul> left
+
  // tiny helper function to add breakpoints
-
this.ul.style.left = '-' + (100 * index) + '%'
+
  function getGridSize() {
-
this.clock()
+
    return (window.innerWidth < 600) ? 2 :
-
this.currentIndex = index
+
          (window.innerWidth < 900) ? 3 : 4;
-
},
+
  }
-
goToPrev: function() {
+
-
this.goTo(this.currentIndex - 1)
+
  $(function() {
-
},
+
    SyntaxHighlighter.all();
-
goToNext: function() {
+
  });
-
this.goTo(this.currentIndex + 1)
+
-
},
+
  $window.load(function() {
-
clock: function() {
+
    $('.flexslider').flexslider({
-
var self = this;
+
      animation: "slide",
-
this.Interval = setInterval(function() {self.goToNext()}, 2500);
+
      animationLoop: false,
-
}
+
      itemWidth: 210,
-
}
+
      itemMargin: 5,
 +
      minItems: getGridSize(), // use function to pull in initial value
 +
      maxItems: getGridSize() // use function to pull in initial value
 +
    });
 +
  });
 +
 +
  // check grid size on resize event
 +
  $window.resize(function() {
 +
    var gridSize = getGridSize();
 +
 +
    flexslider.vars.minItems = gridSize;
 +
    flexslider.vars.maxItems = gridSize;
 +
  });
 +
}());
</script>
</script>

Revision as of 07:34, 4 September 2013

PHILOSOPHER'S STONE

igem-2013

bli
bla
additional: blub

  • Group Picture

    Our Team

  • We did lot's of funny stuff

  • And we want to thank all our sponsors!

  • Group Picture


    OUR TEAM

  • Gold

    CHECK OUT HOW WE RECYCLED GOLD!

  • Bacillus Subtilis

    GET TO NOW MORE ABOUT OUR BACTERIA

Find all templates used on the templates page with coresponding explanations.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Philosophers Stone

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Philosophers Stone

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Philosophers Stone

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Philosophers Stone

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Philosophers Stone

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Philosophers Stone

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Philosophers Stone

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Philosophers Stone

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Philosophers Stone
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING

Retrieved from "http://2013.igem.org/Team:Heidelberg/DesignTest"