Stack Overflow
Stack Overflow

Questions tagged [turnjs]

Turn.js is a jQuery plug-in that provides a page turning effect using HTML5

turn.js is a plugin for jQuery that adds a beautiful transition similar to real pages in a book or magazine for HTML5. It is written by Emmanuel Garcia and licensed under the MIT License.

More Information

Homepage of turn.js

Documentation of turn.js

96 questions
1
vote
2 answers

Div is not fully centered in the middle of the page

I am using turnjs to create a flipbook inside the webpage and I want to center it right in the middle. This is how the webpage looks like now : https://i.stack.imgur.com/90Hyh.jpg . This is the html:
mmm
  • 11
  • 3
1
vote
1 answer

How can I use turn.js javascript library with vue js, laravel project

I am relatively new to Vuejs. I am working on a vuejs (front end) and Laravel (Backend) project. I wanted to integrate a Jquery library named turn.js in my project. But I am facing errors. As, I have been able to run jquery in vue Mounted() hook,…
Steven Gomes
  • 11
  • 1
1
vote
2 answers

Turnjs image click and go to page

I am new codder and i need some help.Firstly sorry for my bad english.My main page is a image.I have some brand on this page.For example: a b c i want to when i click a image go to the page 1 and when i click b image go to the page 2. i need a…
Emre Birinci
  • 23
  • 4
1
vote
1 answer

Simulating a Turn.js page flip with click/scroll event

I created a basic turn.js flipbook. When I click the link element (#clickme), I want to simulate the screen animation where a user clicks (mousedown) at the peel and releases (mouseup) after turning the page. Here's my code so…
Bharadwaj Ramakrishnan
  • 21
  • 3
  • 9
1
vote
2 answers

Navigation button is not showing when I navigate back for jQuery flipbook

I am creating a flipbook that consist of a hardcover and pages to render a flipbook effect. Secondly, I have decided to add in extra features, that is to include in navigation button to each side of the pages of the flipbook. This is to notify…
ernst
  • 25
  • 6
1
vote
0 answers

navigation button in flipbook is not functioning when user navigates back through the pages

I have created a flipbook content with turnjs plugin. Additionally, I have added two navigation buttons to help users to navigate better through the flipbook; left arrow(previous slides), right arrow(next slides). Furthermore, I have set the…
Luke
  • 982
  • 1
  • 7
  • 27
1
vote
1 answer

no-swipeback on Framework 7 not working with turn js

I am using turn js for the Book app using Framework 7 - ionic where I haven't want to swipe back after the book section but after setting class no-swipeback it still redirecting to previous div Is there any way to stop this with turn.js thanks
Kirankumar Dafda
  • 2,354
  • 5
  • 29
  • 56
1
vote
1 answer

Destroying and Re-initializing Turn.js

I have a web page where I'm using turn.js and wish to destroy and re-initialize the plug-in if a user resizes the page to below a certain threshold. I'm testing this as follows: $(window).resize(function() { if (Modernizr.mq('(min-width:…
Nathan Pitman
  • 2,286
  • 4
  • 30
  • 46
1
vote
1 answer

Adding double pages to a turnjs "book"

I have a created a website where visitors can skim through a book using turnjs. I have the pages as jpgs of double pages and I want them to be loaded dynamically. Here's the code: var flipbook = $('.flipbook'); flipbook.turn({ elevation:…
mmgross
  • 3,064
  • 1
  • 23
  • 32
1
vote
1 answer

How do I have two Flipbooks on a single page?

I can't get two flipbooks working at the same time on the same page. Is it possible to get both running on the same page?
Al Seymour
  • 11
  • 4
1
vote
2 answers

can I work with angular js ng-repeat and turn.js?

I'm trying to make a magazine using turn.js and angular.js I'm using angular to parse the json file and extract the image path for using it in a $scope variable in my view with ng-repeat and the turn.js to make the flipbook animation to make the div…
Adolfo Guevara
  • 11
  • 5
1
vote
2 answers

Any way to find double current pages in turn.js?

My requirement is to display the current double pages in following format:- 2-3 4-5 and I only done with displaying singe page at a time however there is a double page view. like 2 at 2-3 4 at 4-5 Any idea how do I fetch these current double…
Nitu Dhaka
  • 1,300
  • 3
  • 14
  • 29
1
vote
1 answer

Turn.js: Responsive Design With a Double-Page Viewing Format Not Working

I am working on using turn.js. I have not been successful with integrating the API, so I started working in JSFiddle to understand where I am making my errors. The example I am following is from the Creative Technologist with a JSFiddle Demo.…
Val
  • 1,260
  • 5
  • 23
  • 39
1
vote
0 answers

Turn.js library and load function for each page

I'm using the TurnJS library to make a flip book and I also using a tooltip library. The book and the tooltips work for few pages but sometimes it not works. It seems that the tooltip function cannot be loaded. I don't know why. Do I have to use a…
Chester Mc Allister
  • 437
  • 3
  • 19
1
vote
0 answers

Adding pages dynamically using Turn.js

I have about 100 pages, each with an image or a video. While constructing the book I'm calling addPage on all of the 100 pages in a 'for' loop. Since Turn.js keeps only 6 pages in DOM, I assumed it was okay to load it this way. However I've seen…
user1899362
  • 83
  • 1
  • 5
1 2
3
4 5 6 7