Questions tagged [bookblock]

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

BookBlock is a jQuery plugin that will create a booklet-like component that let's you navigate through its items by flipping the pages. A content can be images or texts.

Github Repo: BookBlock

Tutorils: BookBlock Tutorials

BookBlock Demo: Demos

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

13 questions
3
votes
1 answer

Flipboard like page layout

I am trying to create an html layout that is similar to Flipboard's page flip animation. First I thought to use some jQuery library to achieve this, but none of them seems to have all the features that I need. For example one of the libraries is…
2
votes
1 answer

bookblock JS with Angular

I am using Bookblock with angularJS. First page load fine with all content(JSON file) but when I turn the page it fails and throws error like : TypeError: config.$bookBlock.bookblock is not a function Controller.js 'use…
Twinkalkumar Savani
  • 258
  • 1
  • 2
  • 11
2
votes
1 answer

Debugging jQuery Animation

I am using a page flipping plugin called "bookblock" (demo can be found here). I have put images on each page, which I am adding dynamically. The problem is when I flip the page, the previous and next divs are suddenly squished together on each side…
Doug Molineux
  • 12,283
  • 25
  • 92
  • 144
1
vote
1 answer

How to add BookBlock PlugIn into Angular (Angular 2)

I have trouble to make BookBlock plugin work in Angular. It seems that the BookBlock object was created in function "ngAfterViewInit" is too early and the DOM is still not ready for use. Here is the component code: import { Component, OnInit } from…
1
vote
0 answers

is there a way to reduce the css transition jumpiness of bookblock.js

I'm currently facing a visual annoyance using the bookblock.js plugin The website I'm referring to is: http://indiewhip.com/projects/pulse.html The page turn effect is cool, but very jittery. By Jittery, I mean that it jumps frames turning the page…
Nic Padula
  • 11
  • 3
1
vote
1 answer

Creating an horizontal flip book using bookBlock jquery plugin

As a newbie in jQuery I'm trying to create an horizontal flip book using the bookBlock jQuery plugin and also this tutorial: http://tympanus.net/codrops/2012/12/11/fullscreen-pageflip-layout/comment-page-3/#comments I've choose this one because it…
YanYan
  • 21
  • 5
0
votes
1 answer

How to include a timer to indicate time spent in a bookblock.js slide/page?

I am using bookblock.js and am trying to integrate a timer to count how many seconds a user spends on each slide/page. I have managed to include the timer, but how do I reset the timer each time the user lands on a new slide/page? I will also need…
0
votes
1 answer

Adding pagination to the URL for jQuery BookBlock plugin

I'm using the jQuery plugin called BookBlock which can be found in a Codrops demo here I've successfully added pagination like the above example has and changed it to numbers instead of dots, however I am now wondering if it would be possible to add…
Kiki
  • 317
  • 1
  • 4
  • 18
0
votes
0 answers

BookBlock JQuery plugin not working inside nav-tabs

I have a webpage where I am trying to add bookblock jquery plugin to contents within nav-tabs. The issue is that only the active tab is working properly. The rest of the images in other nav-tabs are not working. Here is the nav-tab code:
Avinash Goen
  • 49
  • 1
  • 11
0
votes
1 answer

Using BookBlock jquery plugin for the Navigation for Div contents

I am using Bookblock jQuery plugin as a transition effect between divs (consists of image and text) whenever the user clicks the link on the navigation bar. Somehow, when the nav is at the top of the div, the links won't work.
0
votes
1 answer

Play and Pause in BookBlock.js

How to create play and pause functionality in bookblock.js. below is my js function which is invoked on click of play/pause button. i am not able to pause(and again recycle) the slideshow using this function. what is wrong in this. function…
Jaimin Dave
  • 1,224
  • 10
  • 18
0
votes
2 answers

Bookblock jquery pluin

There is a demo of the BookBlock jquery plugin on this page: http://tympanus.net/Development/BookBlock/ I am using this code after the page has loaded: $.getScript('//www.mysite.com/modernizr.custom.js');…
Cymro
  • 1,201
  • 1
  • 11
  • 29
0
votes
1 answer

BookBlock jQuery Plugin

I am using the BookBlock plugin. It is working very well, but I can't seem to get the plugin to flip newly pages which were loaded with AJAX. Anybody have an idea on how to re-initialise the plugin so it "sees" the new pages? My code for…
Anriëtte Myburgh
  • 13,347
  • 11
  • 51
  • 72