Question

我一直在研究如何制作控件/按钮来操纵turn.js以制作我自己的杂志网页。

这是我的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)">Go to page 4</a>

我希望制作一些按钮控件，例如转到第4页。这是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'));*/
            }
        }
    });
});

已经有办法做一些下一个和之前的控制

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

我希望制作控件以转到我想去的页面。我有办法做到这一点吗？

Answer 1

有方法

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

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

Turn.js更多控件来制作按钮

1 个答案: