Turn.js больше элементов управления, чтобы сделать кнопки

Я искал способы, как сделать элементы управления / кнопки для манипулирования 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');
});

и я хочу сделать элементы управления для перехода на ту страницу, куда я хочу перейти. Есть ли способ, которым я могу сделать это?

1 ответ

Решение

Есть способ для этого

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

http://www.turnjs.com/

Другие вопросы по тегам