jFlip jQuery插件 - 如何在页面加载时加载卷曲选项卡

Question

使用jFlip jQuery plugin，有没有办法在页面加载时加载卷曲标签？

更新5/21/2013 6:08 PM

仍然卡住了。如果我们能够使用

c.mousemove(function(e) {.....} 

使用此插件，为什么控制台日志无法加载...

c.on('load',function(e) {
       console.log('canvas has loaded');
});     

或者这......

  c.bind("load",function(e){
      console.log('canvas loaded');
    });

感谢您的任何建议

Answer 1

您将要在第136行复制on'mouseenter'事件监听器 http://www.jquery.info/scripts/jFlip/jquery.jflip-0.4.js

然后添加一个'onload'事件监听器，它调用相同的功能来实现curl

http://pastebin.com/index/X2PJSMsW

Answer 2

以下是快速简便的解决方案，让卷曲标签最初显示在实际滑块加载到您的页面时折叠。只需附加以下两行代码......

startDate = new Date().getTime();
animationTimer = window.setInterval(cornerCurlIn,10);

... var Flip = function（...）{}

一旦用户将鼠标滚动到图像区域，一切都将按照原来的意图行事。通过这种方法，您不会重新发明轮子或修复此代码的复杂性。

享受