Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to disable peel (hover effect) in turn.js?

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.

like image 545
Pranav Ballaney Avatar asked Dec 30 '12 18:12

Pranav Ballaney


2 Answers

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

like image 116
Alfred Avatar answered Nov 16 '22 23:11

Alfred


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

This should solve your problem.

like image 41
Mirage Avatar answered Nov 16 '22 22:11

Mirage