7

I don't want the hover animation in turn.js. Have tried this:

$('#flipbook').turn({
    width: 400,
    height: 300,
});

$('#flipbook').turn('peel', false);​

Any kind of help will be greatly appreciated.

Matt Zeunert
  • 16,075
  • 6
  • 52
  • 78
Pranav Ballaney
  • 185
  • 1
  • 6
  • 13

2 Answers2

9

I used this:

flipbook.bind('start', 
    function (event, pageObject, corner)
    {
        if (corner == 'tl' || corner == 'tr' || corner == 'bl' || corner == 'br')
        {
            event.preventDefault();
        }
    }
);

Now, it never shows the peel effect :-)

Alfred
  • 106
  • 1
  • 4
  • Note you can also make it shorter by using `if (corner)` When using methods like `next` the `corner` argument is set to null – oriadam Dec 06 '16 at 16:48
2
  corners = {
    backward: [],
    forward: [],
    all: []
  },

This should solve your problem.

Mirage
  • 1,477
  • 16
  • 28
  • This requires access and modification to the unminified version of the script. – Charlie Mar 10 '14 at 21:01
  • I went with the other answer and it seems to be working okay. I don't think the script is worth using even if it were free; too bad we are too far along on this project to use something else instead. It's too buggy and unreliable, not to mention the lack of options and the poor UX. Oh well. – Charlie Mar 11 '14 at 17:11
  • @Charlie please do let me know if you switch to anything else, would like to switch as well. – Mirage Mar 12 '14 at 06:18