1

私は自分の雑誌のウェブページを作るために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');
});

行きたいページに行くためのコントロールを作りたいです。これを行う方法はありますか？

4

1 に答える 1

3

そのための方法があります

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

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

于 2012-10-23T09:27:57.343 に答える