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.

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.

• javascript
• turnjs

2 Answers 2

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 :-)

  corners = {
    backward: [],
    forward: [],
    all: []
  },

This should solve your problem.