Turn.js更多控件来制作按钮 [英] Turn.js more controls to make buttons

问题描述

这里是我的html脚本。

这是我的html脚本

 < div id =magazine> 
< div style =background-image：url（pages / 01.jpg）;>< / div> 
< div style =background-image：url（pages / 02.jpg）;>< / div> 
< div style =background-image：url（pages / 03.jpg）;>< / div> 
< div style =background-image：url（pages / 04.jpg）;>< / div> 
< div style =background-image：url（pages / 05.jpg）;>< / div> 
< div style =background-image：url（pages / 06.jpg）;>< / div> 
< / div> 
 
< a onclick =turntopage（4）>转到第4页< / a> 
  

我想制作一些按钮控件，例如转到第4页。
这里是javascript

  //初始化转js 
 $（window）.ready（function（ ）{
 $（'＃magazine'）。turn（{
 display：'double'，
 acceleration：true，
 gradients：！$。isTouch，
提升：50，
当：{
转：function（e，page）{
 /*console.log('Current view：'，$（this）.turn（'view' ））; * / 
} 
} 
}）; 
}）; 
  

已经有方法可以做一些下一个和上一个控件了

  $（window）.bind（'keydown'，function（e）{
 if（e.keyCode == 37）
 $（' （''''）; 
 else if（e.keyCode == 39）
 $（'＃magazine'）。turn（'next'）; 
} ）; 
  

并且我想让控制权转到我想去的任何页面。有没有一种方法可以做到这一点？

解决方案

  $（＃magazine）。turn（page，4）// goto page number 4 
  

http：//www.turnjs。 com /＃samples / docs / 18

I've been looking on ways on how to make controls/button to manipulate turn.js to make my own magazine web page.

here is my html script

<div id="magazine">
    <div style="background-image:url(pages/01.jpg);"></div>
    <div style="background-image:url(pages/02.jpg);"></div>
    <div style="background-image:url(pages/03.jpg);"></div>
    <div style="background-image:url(pages/04.jpg);"></div>
    <div style="background-image:url(pages/05.jpg);"></div>
    <div style="background-image:url(pages/06.jpg);"></div>
</div>

<a onclick="turntopage(4)">Go to page 4</a>

and i want to make some button controls like Go to page 4. here is the javascript

//initialize turn js
$(window).ready(function() {
    $('#magazine').turn({
        display: 'double',
        acceleration: true,
        gradients: !$.isTouch,
        elevation:50,
        when: {
            turned: function(e, page) {
                /*console.log('Current view: ', $(this).turn('view'));*/
            }
        }
    });
});

there is already way to do some next and previous controls

$(window).bind('keydown', function(e){
    if (e.keyCode==37)
        $('#magazine').turn('previous');
    else if (e.keyCode==39)
        $('#magazine').turn('next');
});

and i want to make controls for go to where ever page i want to go. is there a way i can do this?

解决方案

There is method for that

$("#magazine").turn("page",4)  // goto page number 4

http://www.turnjs.com/#samples/docs/18

这篇关于Turn.js更多控件来制作按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！