Revision as of 14:17, 19 August 2011

Lab environment

SILS UvA
Science Park 904
1098 XH Amsterdam

1 2 3 4

Jorick and Yuri working in the lab.

Jorick and Yuri working in the lab.

Collection of kits we just received! (thanks to Bas)

@@ Line 22: / Line 22: @@
          <a href="foto4" rel="4">4</a>
      </div>
+<script type="text/javascript"
+src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
+<script>
+$(document).ready(function() {
+	//Paging  and Slider Function
+rotate = function(){
+    var triggerID = $active.attr("rel") - 1; //Get number of times to slide
+    var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide
+    $(".paging a").removeClass('active'); //Remove all active class
+    $active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)
+    //Slider Animation
+    $(".image_reel").animate({
+        left: -image_reelPosition
+    }, 500 );
+};
+//Rotation  and Timing Event
+rotateSwitch = function(){
+    play = setInterval(function(){ //Set timer - this will repeat itself every 7 seconds
+        $active = $('.paging a.active').next(); //Move to the next paging
+        if ( $active.length === 0) { //If paging reaches the end...
+            $active = $('.paging a:first'); //go back to first
+        }
+        rotate(); //Trigger the paging and slider function
+    }, 7000); //Timer speed in milliseconds (7 seconds)
+};
+rotateSwitch(); //Run function on launch
+});
+</script>
 </div>
 </html>