javascript - 使用 turn.js 我试图让角落的第一页在加载时已经翻转

Question

我的 turn.js 设置类似于您在此处看到的方式：http: //demo.tutorialzine.com/2012/03/instagram-magazine-php-jquery/

我希望首页的右上角已经弯曲，就好像我在页面加载后立即将鼠标悬停在它上面一样。

我是 JS 的新手，所以查看https://github.com/blasten/turn.js/wiki/Reference并大胆猜测我写了这个

document.getElementById('magazine').onload = function() 
{    
    $('#magazine').turn('tr', 1);
}

除了让我难堪之外，这当然没有任何作用。有任何想法吗？谢谢你。

Answer 1

这是您设置选项的方式：

$(function() 
{    
    $('#magazine').turn({ tr : 1 });
});

可悲的是 tr 不是一个选择，所以它无济于事。我不相信有一个选项可以做你想做的事。

Answer 2

希望页面加载时代码会显示“剥离”页面：

$('#magazine').turn({gradients: true, acceleration: true});
$('#magazine').turn('peel', 'br');

见参考：

http://www.turnjs.com/docs/Method:_peel