Drehen Sie mehr Steuerelemente, um Schaltflächen zu erstellen
Ich habe nach Möglichkeiten gesucht, wie ich Steuerelemente / Schaltflächen zum Manipulieren von turn.js erstellen kann, um meine eigene Magazin-Webseite zu erstellen.
Hier ist mein HTML-Skript
<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>
und ich möchte einige Knopfkontrollen wie machenGehen Sie zu Seite 4. Hier ist das 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'));*/
}
}
});
});
Es gibt bereits eine Möglichkeit, einige der nächsten und vorherigen Steuerelemente auszuführen
$(window).bind('keydown', function(e){
if (e.keyCode==37)
$('#magazine').turn('previous');
else if (e.keyCode==39)
$('#magazine').turn('next');
});
und ich möchte Kontrollen für gehen zu, wohin überhaupt Seite ich gehen möchte. Gibt es eine Möglichkeit, dies zu tun?