Template:Team:HokkaidoU Japan/Book/JS

From 2014.igem.org

(Difference between revisions)
Line 839: Line 839:
} )( jQuery, window );
} )( jQuery, window );
 +
</script>
 +
<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>
 
</html>
</html>

Revision as of 06:05, 16 September 2014

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