Создание книги Turn.js, как в примере? ⇐ Jquery

[Anonymous]

В настоящее время я пишу книгу с помощью Turn.js, используя Jquery, и все идет хорошо, но мне нужна небольшая помощь. Видите ли, я пытаюсь создать книгу в твердом переплете в формате журнала, как в примере, показанном здесь http://www.turnjs.com/#samples/html5/1. У меня вопрос, как сделать так, чтобы страницы книги были меньше передней и задней обложки? Кроме того, как я могу сделать так, чтобы, когда я продолжаю перелистывать страницы, количество страниц заметно увеличивалось на другой стороне, как в примере?

Может кто-нибудь помочь отредактировать код моей главной страницы ниже, чтобы я мог получить желаемый эффект?







body{
background:#ccc;
}
#magazine{
width:1002px;
height:773px;
}
#magazine .turn-page{
background-color:#ccc;
background-size:100% 100%;
}




A Book

Page 1
Page 2
Page 3
Page 4
Page 5
Page 6
Page 7
Page 8



$(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');
});





Подробнее здесь: https://stackoverflow.com/questions/259 ... in-example