Permalink
Browse files

Add new items. Update width on resize.

  • Loading branch information...
1 parent 0e14695 commit df41c6eb0e225e8fda2cb1facb1c8339b2ac7d8f @botelho botelho committed Dec 6, 2012
Showing with 210 additions and 190 deletions.
  1. BIN .DS_Store
  2. +9 −9 index.html
  3. +8 −8 index2.html
  4. +30 −30 index3.html
  5. +163 −143 js/jquery.bookblock.js
View
BIN .DS_Store
Binary file not shown.
View
@@ -83,7 +83,7 @@
</section>
</div>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
+ <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="js/jquerypp.custom.js"></script>
<script type="text/javascript" src="js/jquery.bookblock.js"></script>
<script type="text/javascript">
@@ -92,14 +92,14 @@
var Page = (function() {
var config = {
- $bookBlock: $( '#bb-bookblock' ),
- $navNext : $( '#bb-nav-next' ),
- $navPrev : $( '#bb-nav-prev' ),
- $navJump : $( '#bb-nav-jump' ),
- bb : $( '#bb-bookblock' ).bookblock( {
- speed : 800,
- shadowSides : 0.8,
- shadowFlip : 0.7
+ $bookBlock : $( '#bb-bookblock' ),
+ $navNext : $( '#bb-nav-next' ),
+ $navPrev : $( '#bb-nav-prev' ),
+ $navJump : $( '#bb-nav-jump' ),
+ bb : $( '#bb-bookblock' ).bookblock( {
+ speed : 800,
+ shadowSides : 0.8,
+ shadowFlip : 0.7
} )
},
init = function() {
View
@@ -120,7 +120,7 @@
</section>
</div>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
+ <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="js/jquerypp.custom.js"></script>
<script type="text/javascript" src="js/jquery.bookblock.js"></script>
<script type="text/javascript">
@@ -136,13 +136,13 @@
$grid.find( 'div.bb-bookblock' ).each( function( i ) {
- var $bookBlock = $( this ),
- $nav = $bookBlock.next().children( 'span' ),
- bb = $bookBlock.bookblock( {
- perspective : 900,
- speed : 600,
- shadows : false
- } );
+ var $bookBlock = $( this ),
+ $nav = $bookBlock.next().children( 'span' ),
+ bb = $bookBlock.bookblock( {
+ perspective : 900,
+ speed : 600,
+ shadows : false
+ } );
// add navigation events
$nav.each( function( i ) {
View
@@ -102,7 +102,7 @@
</section>
</div>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
+ <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="js/jquerypp.custom.js"></script>
<script type="text/javascript" src="js/jquery.bookblock.js"></script>
<script type="text/javascript">
@@ -111,33 +111,33 @@
var Page = (function() {
var config = {
- $bookBlock : $( '#bb-bookblock' ),
- $navNext : $( '#bb-nav-next' ),
- $navPrev : $( '#bb-nav-prev' ),
- $folder : $( '#folder' ),
- $folderOpen : $( '#folder > div.folder-cover > span' ),
- $folderClose : $( '#folder > div.folder-inner > a' ),
- transEndEventNames : {
- 'WebkitTransition' : 'webkitTransitionEnd',
- 'MozTransition' : 'transitionend',
- 'OTransition' : 'oTransitionEnd',
- 'msTransition' : 'MSTransitionEnd',
- 'transition' : 'transitionend'
- },
- // init bookBlock!
- bb : $( '#bb-bookblock' ).bookblock( {
- speed : 700,
- easing : 'ease-out',
- perspective : 1500,
- shadowSides : 0.8,
- shadowFlip : 0.7
- } ),
- transitionProperty : {
- '-webkit-transition' : '-webkit-transform 300ms ease-in-out',
- '-moz-transition' : '-moz-transform 300ms ease-in-out',
- '-o-transition' : '-o-transform 300ms ease-in-out',
- '-ms-transition' : '-ms-transform 300ms ease-in-out'
- }
+ $bookBlock : $( '#bb-bookblock' ),
+ $navNext : $( '#bb-nav-next' ),
+ $navPrev : $( '#bb-nav-prev' ),
+ $folder : $( '#folder' ),
+ $folderOpen : $( '#folder > div.folder-cover > span' ),
+ $folderClose : $( '#folder > div.folder-inner > a' ),
+ transEndEventNames : {
+ 'WebkitTransition' : 'webkitTransitionEnd',
+ 'MozTransition' : 'transitionend',
+ 'OTransition' : 'oTransitionEnd',
+ 'msTransition' : 'MSTransitionEnd',
+ 'transition' : 'transitionend'
+ },
+ // init bookBlock!
+ bb : $( '#bb-bookblock' ).bookblock( {
+ speed : 700,
+ easing : 'ease-out',
+ perspective : 1500,
+ shadowSides : 0.8,
+ shadowFlip : 0.7
+ } ),
+ transitionProperty : {
+ '-webkit-transition' : '-webkit-transform 300ms ease-in-out',
+ '-moz-transition' : '-moz-transform 300ms ease-in-out',
+ '-o-transition' : '-o-transform 300ms ease-in-out',
+ '-ms-transition' : '-ms-transform 300ms ease-in-out'
+ }
},
init = function() {
@@ -236,8 +236,8 @@
openFolder = function() {
var $fold = config.$folder.find( 'div.folder-fold' ).css( config.transitionProperty ),
- $inner = config.$folder.find( 'div.folder-inner' ),
- transEndEventName = config.transEndEventNames[ Modernizr.prefixed( 'transition' ) ];
+ $inner = config.$folder.find( 'div.folder-inner' ),
+ transEndEventName = config.transEndEventNames[ Modernizr.prefixed( 'transition' ) ];
setTimeout( function() {
Oops, something went wrong.

0 comments on commit df41c6e

Please sign in to comment.