問題タブ [turnjs]

私は現在、私が作成している少し探しているゲームにこのセットアップを持っています:

http://jsfiddle.net/eju6S/

私はturn.js本の効果を作成するために使用しています。

本を閉じている間、本の内容が見えないようにしたい - >表紙はページの背景と同じ背景を持つべきです。

カバーが開いたときに表示されるはずです。

これは色で簡単ですが、背景として写真が必要です。

したがって、理想的には、この行<div class="hard"> Cover </div>はコンテンツ レイヤーを無視し、背景を背景として直接表示する必要があります。

これは、領域の背景画像とこの div のサイズを切り取り、これを背景として追加するか、jquery 関数を実行して、カバーが閉じている間にコンテンツを非表示にすることで実行できることを知っていますが、css を探していますここで唯一の解決策。

これはcssで行うことができますか？

編集: 今、同じ背景画像をdivにオフセットして配置するだけで、私が望むものを達成しました:

http://jsfiddle.net/eju6S/3/

問題は、これらの「めくる本」を 1 ページに複数配置したいのですが、このようなかなり巨大な画像を複数回読み込んで使用すると問題が発生するのでしょうか、それとも問題ではありませんか?

turn.js を使用してフリップブックを作成しています。すべて問題ありませんが、イベントをページ内の要素にバインドしようとすると、イベントがバインドされません。

jQuery は、イベントを にバインドしません#Test。

私はturn.jsで作業していますが、 TypeError: $(...).turn is not a function currently my js is:というエラーが表示されます:

私が間違っている可能性のあるアイデアはありますか？

TurnJSを動作させるのに問題があります。すべての画像を動的に読み込んでいます。最初にすべての画像が表示されます。ページが読み込まれてから数秒後、最初と 2 番目の画像が表示され、残りは非表示になります。ホバーで移動しますが、フリップブック全体が機能せず、ページが変更されません（基本バージョンでこれを機能させようとしたときとは異なり、ページをめくるのに完璧ではありませんでした）、ロードしている可能性があると思いますjquery を間違った順序で (以下を参照):

Jquery は既に読み込まれているので、必要な追加のライブラリ/スクリプトだけをここで再度読み込む必要はありません。私がfirebugで得ている次のエラーは次のとおりです。

• TypeError: $(...).turn は関数ではありません
• TypeError: Node.insertBefore の引数 1 はインターフェース Node を実装していません。
• getPreventDefault() の使用は非推奨です。代わりに defaultPrevented を使用してください。
• TypeError: book.turn は関数ではありません

ここにコードを追加したので、私が行ったことを確認できます。ヘルプ/ガイダンスをいただければ幸いです。

これが私がここで目指しているものです

firebug のスクリプトの下を見ると、次の順序で表示されます。

...そして、すべてのスクリプトが続きます。最初にjqueryをロードしていることを示していますか?

turnjs プラグインでは、グラデーションはデフォルトで常に true に設定されています。

$('#magazine').turn({勾配: true, 加速: true});

しかし、グラデーションはフリップブックには表示されません。本の真ん中にグラデーションがあるはずです。さらに、ページの div (パラパラ漫画のページ) からいくつかのクラスが欠落しています。ページの左側と右側にそれぞれ奇数と偶数のクラスもありません。しかし、これらのクラスはスタイリングにとって非常に重要です。そして、turnjs のフリップブックをレスポンシブにするためのヒント..

実際に、内部の turn.js プラグイン コード フォームで、いくつかのグラデーション クラスが作成されているのを見ました。オプションでは、プラグインでグレードイントを初期化していますが、機能していません..

本を動的に構築する必要があります。私はturnjsを使用しています。このフィドルを参照してください：JSFIDDLE LINK

ページを追加する関数は次のとおりです。

最初の問題は、ページが最後に追加されることです。まず、必要な場所にページを追加するためにこれを制御する必要があります。

2 つ目の問題は、追加されたページが本の効果を得られないことです。本のページではないようです。どうすればこれを修正できますか?

任意の助けをいただければ幸いです。