私は turn.js を初めて使用し、付属のスティーブ ジョブズ ブックを変更しようとしています。
本の最初の 3 ページは画像であり、CSS で次のように設定されます。
.sj-book .p1,
.sj-book .p2,
.sj-book .p3,
.sj-book .p111,
.sj-book .p112{
background-color:white;
background-image:url(../pics/book-covers.jpg) !important;
}
ただし、最初の 4 ページを他のページ (page1.html など) と同様に通常の html ページとしてロードしたいと考えています。ただし、コードはページ 5 でページのロードを開始するように見えます。ページを動的にロードする欠落している関数にアラートを追加すると、ロードされる最初のページはページ 5 です。
行方不明: 関数 (e, ページ) {
for (var i = 0; i < pages.length; i++) {
alert(pages[i]);
addPage(pages[i], $(this));}
}
本が初めて読み込まれると、このアラートが 2 回表示されます - ページ 5 と 6 - 本はメモリに 6 ページしか保持していないため、これは理にかなっていますが、本が 1 から 4 ページを読み込まないのはなぜですか? ページ 1 ~ 4 に必要な html ファイルをページ ディレクトリに作成しましたが、読み込まれていません。
どうもありがとう