Technology moves fast! ⚡ Don't get left behind.🚶 Subscribe to our mailing list to keep up with latest and greatest in open source projects! 🏆


Subscribe to our mailing list

BookBlock

A jQuery plugin that will create a booklet-like component that let's you navigate through its items by flipping the pages.

Subscribe to updates I use BookBlock


Statistics on BookBlock

Number of watchers on Github 875
Number of open issues 40
Average time to close an issue 2 months
Main language HTML
Average time to merge a PR 5 months
Open pull requests 1+
Closed pull requests 2+
Last commit over 3 years ago
Repo Created almost 7 years ago
Repo Last Updated over 1 year ago
Size 896 KB
Organization / Authorcodrops
Contributors10
Page Updated
Do you use BookBlock? Leave a review!
View open issues (40)
View BookBlock activity
View on github
Fresh, new opensource launches 🚀🚀🚀
Trendy new open source projects in your inbox! View examples

Subscribe to our mailing list

Evaluating BookBlock for your project? Score Explanation
Commits Score (?)
Issues & PR Score (?)

BookBlock

A jQuery plugin that will create a booklet-like component that let's you navigate through its items by flipping the pages.

article on Codrops

demo

License: http://tympanus.net/codrops/licensing/

BookBlock Configuration Options

// page to start on
startPage : 1,
// vertical or horizontal flip
orientation : 'vertical',
// ltr (left to right) or rtl (right to left)
direction : 'ltr',
// speed for the flip transition in ms
speed : 1000,
// easing for the flip transition
easing : 'ease-in-out',
// if set to true, both the flipping page and the sides will have an overlay to simulate shadows
shadows : true,
// opacity value for the "shadow" on both sides (when the flipping page is over it)
// value : 0.1 - 1
shadowSides : 0.2,
// opacity value for the "shadow" on the flipping page (while it is flipping)
// value : 0.1 - 1
shadowFlip : 0.1,
// if we should show the first item after reaching the end
circular : false,
// if we want to specify a selector that triggers the next() function. example: #bb-nav-next
nextEl : '',
// if we want to specify a selector that triggers the prev() function
prevEl : '',
// autoplay. If true it overwrites the circular option to true
autoplay : false,
// time (ms) between page switch, if autoplay is true
interval : 3000,
// callback after the flip transition
// old is the index of the previous item
// page is the current items index
// isLimit is true if the current page is the last one (or the first one)
onEndFlip : function(old, page, isLimit) { return false; },
// callback before the flip transition
// page is the current items index
onBeforeFlip : function(page) { return false; }
BookBlock open issues Ask a question     (View All Issues)
  • over 2 years How do I get it to not lift slightly when we can't go further?
  • over 2 years How to increase speed?
  • about 3 years horizontal oriented .bb-bookblock size in percentages + self.end
  • about 3 years Dynamic elements
  • over 3 years Autoplay
  • almost 4 years ReactJS
  • about 4 years Sometimes it can't flipover the page
  • over 4 years save last reading page position
  • over 4 years Two pages are too much for small screens
  • over 4 years resize problem
  • almost 5 years Work with dynamic content
  • almost 5 years Not working in Android Webkit Default browser
  • almost 5 years Demo 2 - Question - How to only display bottom of first page?
  • about 5 years Pages containing iFrames are not visible during animation
  • about 5 years Page Flicker on Android
  • about 5 years BookBlock and hammer.js
  • over 5 years how to update?
  • over 5 years Full screen image used across both pages turning issue
  • over 5 years Update method error
  • over 5 years how to remove items after initialization?
  • over 5 years Not support PNG images with transparent?
  • over 5 years Images in a slides plugin flicker all the time in BookBlock
  • over 5 years [enhancement] Add missing bower.json.
  • over 5 years Issues with Firefox 26?
  • over 5 years Issue combining Dots nav with Prev/Next nav
  • over 5 years Issue with too much space between paragraphs in demo4 full page layout.
  • over 5 years direction ltr and rtl don't seem to have an effect
  • over 5 years Crashes on Android HTC One X default browser
  • over 5 years how to get the target page in onBeforeFlip
  • almost 6 years Trying an epub implementation on BookBlock
BookBlock open pull requests (View All Pulls)
  • Fix autoplay book freezing when tab becomes inactive #62
BookBlock questions on Stackoverflow (View All Questions)
  • bookblock JS with Angular
  • Bookblock jquery pluin
  • Creating an horizontal flip book using bookBlock jquery plugin
  • Javascript bookblock application not working in blogger
  • BookBlock jQuery Plugin
  • Jquery bookblock plugin jump to last page on startup
BookBlock list of languages used
Other projects in HTML