Team:HokkaidoU Japan

From 2014.igem.org

(Difference between revisions)
Line 56: Line 56:
</div><!-- /container -->
</div><!-- /container -->
                
                
-
<script>
+
-
var Page = (function() {
+
-
+
-
var config = {
+
-
$bookBlock : $( '#bb-bookblock' ),
+
-
$navNext : $( '#bb-nav-next' ),
+
-
$navPrev : $( '#bb-nav-prev' ),
+
-
$navFirst : $( '#bb-nav-first' ),
+
-
$navLast : $( '#bb-nav-last' )
+
-
},
+
-
init = function() {
+
-
config.$bookBlock.bookblock( {
+
-
speed : 800,
+
-
shadowSides : 0.8,
+
-
shadowFlip : 0.7
+
-
} );
+
-
initEvents();
+
-
},
+
-
initEvents = function() {
+
-
+
-
var $slides = config.$bookBlock.children();
+
-
 
+
-
// add navigation events
+
-
config.$navNext.on( 'click touchstart', function() {
+
-
config.$bookBlock.bookblock( 'next' );
+
-
return false;
+
-
} );
+
-
 
+
-
config.$navPrev.on( 'click touchstart', function() {
+
-
config.$bookBlock.bookblock( 'prev' );
+
-
return false;
+
-
} );
+
-
 
+
-
config.$navFirst.on( 'click touchstart', function() {
+
-
config.$bookBlock.bookblock( 'first' );
+
-
return false;
+
-
} );
+
-
 
+
-
config.$navLast.on( 'click touchstart', function() {
+
-
config.$bookBlock.bookblock( 'last' );
+
-
return false;
+
-
} );
+
-
+
-
// add swipe events
+
-
$slides.on( {
+
-
'swipeleft' : function( event ) {
+
-
config.$bookBlock.bookblock( 'next' );
+
-
return false;
+
-
},
+
-
'swiperight' : function( event ) {
+
-
config.$bookBlock.bookblock( 'prev' );
+
-
return false;
+
-
}
+
-
} );
+
-
 
+
-
// add keyboard events
+
-
$( document ).keydown( function(e) {
+
-
var keyCode = e.keyCode || e.which,
+
-
arrow = {
+
-
left : 37,
+
-
up : 38,
+
-
right : 39,
+
-
down : 40
+
-
};
+
-
 
+
-
switch (keyCode) {
+
-
case arrow.left:
+
-
config.$bookBlock.bookblock( 'prev' );
+
-
break;
+
-
case arrow.right:
+
-
config.$bookBlock.bookblock( 'next' );
+
-
break;
+
-
}
+
-
} );
+
-
};
+
-
 
+
-
return { init : init };
+
-
 
+
-
})();
+
-
</script>
+
<script>
<script>
Page.init();
Page.init();

Revision as of 06:05, 16 September 2014

Top
Project
Human Practice
About Us
　　　　　　　　　　　　　　　

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