0

本を開いたときに内側の表紙が見えるように、「固定」クラスを使用しています。ただし、ページめくりのアニメーションやコーナー カールの間は一時的に消えます。Internet Explorer でのみ発生します (任意のバージョン - 私は IE7、8、9、10 をテストしました)。なぜだろう。どんな助けでも大歓迎です。ありがとう！

デモ付きのコード要点: http://bl.ocks.org/richardwestenra/6041734

TurnJS ドキュメント: http://www.turnjs.com/#api

4

2 に答える 2

0

何時間もの試行錯誤の後、私は修正を見つけました: すべてのページに「innerCover」クラスを適用し、次のコードを使用して、ターンの開始時にめくられているページからそのクラスを削除しました。あなたがターンをするとき、それらは内側のページのように見えます. 少しハックですが、動作します：

$('.flipbook').turn({
    when: {
        start: function(e, page, view) {
            var book = $(this),
                currentPage = book.turn('page'),
                pages = book.turn('pages');
            for(var i=3; i<pages; i++){
                if(i==page.page || i==page.next) {
                    $('.p'+i).removeClass('innerCover');
                } else {
                    $('.p'+i).addClass('innerCover');
                }
            }
        }
    }
});
于 2013-07-22T15:18:27.333 に答える
0

私もこの問題を解決しようとしていますが、ここでの答えは実際にはうまくいかないようです。他の誰かを正しい方向に向ける場合に備えて、先に進んで2セントをここに投入しようと思いました.

内側のページをめくるとき、内側のカバーの背景を .animate クラスに与えるために、ターン開始を設定しました。それには間違いなく問題があり、かなりハックですが、これまでのところ、私が答えに最も近いようです。これが基本的に私がやっていることです（表紙を含む12ページの本）：

start: function(e, page, view, pageObj) {
var book = $(this),
currentPage = book.turn('page'),
pages = book.turn('pages');

if(page.page !== 1 && page.next !== 1 && page.page !== 12 && page.next !== 12) {
    $('.animated').css('background-image','url(/views/Home/pics/insidecovers.jpg)').css('background- size','cover');
} else {
    $('.animated').css('background-image','');
}
于 2014-10-15T22:26:29.607 に答える