search

blasten / turn.js

The page flip effect for HTML5
www.turnjs.com
Other
7.23k stars 2.48k forks source link

Corner radius #301

Closed bura86 closed 11 years ago

bura86 commented 11 years ago

Hello, I'm experiencing one issue with hover effect on page corners. I have google maps in my flipbook, which is located on the top of the page. The gmaps has some buttons on the top left corner which I can't reach because when I hover over the top left corner the flip effect activates. Is there any solution to reduce the radius for this flip effect or to disable the flip corners only on that one page.

Thanks

jchamie commented 11 years ago

Does this help bura86? Quote from turn.js manual:

For example, if you want to prevent the animation to start when using the corners tl and tr, you can use the start event and prevent its default action:

$("#flipbook").bind("start", function(event, pageObject, corner) { if (corner=="tl" || corner=="tr") { event.preventDefault(); } });

bura86 commented 11 years ago

It works, thanks a lot.

The only thing is when you click on the corner it doesn't prevent the page turning, so I made some workaround in 'turning' event. Problem solved :+1: