html - jQuery - Turn.js to use ONLY the page Peel effect -
im trying code use peel effect comes turn.js
when user hovers on bottom right corner of page corner peels little , looks bending up.
i not want actual turning of page effect, peel effect .
according docs says can like:
$("#flipbook").turn({peel: "br"});
but doesn't effect.
here link jsfiddle i'm working on:
you can use turning
event, , prevent turn happening. that, combined adding second page (so there's pages turn, activating effect) give effect you're after -- peelable corner without actual page turning.
$("#flipbook").bind("turning", function(event, pageobject, corner) { event.preventdefault(); });
try here: http://jsfiddle.net/grmule/a9a7e/5215/
within event handler, can there trigger own reaction start of page turning, such loading new page or whatever have in mind.
edit
as mentioned in comments dc5, can manually trigger peel method (as showing in question) after you've initialized correctly. here's modification of above sample added line show peel-down right away: http://jsfiddle.net/grmule/a9a7e/5216/ -- dc5!
documentation
- event::turning - http://turnjs.com/docs/event:_turning
Comments
Post a Comment