Question

我希望有一个翻页效果，就像在此页面上看到的那样：jFlip demo，除了我想要自动翻页，就像每秒发生一次，20次（或者我有多少图像）。我希望能够触发此动画在页面加载，单击按钮等时运行。

不幸的是我不太了解jQuery，插件的事件对我来说似乎相当复杂，可能主要是因为我对jQuery缺乏经验。我应该去哪个方向的帮助，我应该尝试哪些方法？我不仅限于jQuery甚至Javascript，这只是我发现的实现我想要的效果的例子。

Answer 1

您可以找到更新的代码here。用旧的替换它。

用法：

var jFlip = new Flip("#g1",300,300,{background:"green",cornersTop:true,scale:"fit"}); 
// here #g1 is a jquery selector (make sure it returns only one). 
// The structure is Flip(JQselector,width,height,options)

然后使用jFlip对象翻转幻灯片/页面

jFlip.flipMe() // for next slide
jFlip.flipMe(true) // for prev slide

用于将函数绑定到幻灯片更改事件，您可以使用

$("#g1").bind("flip.jflip",function(event,index,total){
    $("#l1").html("Image "+(index+1)+" of "+total);
});
// here the selector is same as the one passed inside jFlip function.

试试这个，让我知道反馈。

使用jFlip自动翻页

1 个答案: