В настоящее время я пишу книгу с помощью 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
