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:

http://jsfiddle.net/a9a7e/5211/

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


Comments

Popular posts from this blog

java - Run a .jar on Heroku -

java - Jtable duplicate Rows -

validation - How to pass paramaters like unix into windows batch file -