Turn.js mais controles para fazer botões
Eu estive procurando maneiras de como fazer controles / botão para manipular o turn.js para criar minha própria página de revista.
aqui está o meu script 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>
e eu quero fazer alguns controles de botão comoVá para a página 4. aqui está o 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'));*/
}
}
});
});
já existe maneira de fazer alguns controles próximos e anteriores
$(window).bind('keydown', function(e){
if (e.keyCode==37)
$('#magazine').turn('previous');
else if (e.keyCode==39)
$('#magazine').turn('next');
});
e eu quero fazer controles para ir a qualquer página que eu queira ir. Existe uma maneira que eu possa fazer isso?