問題タブ [jquery-reel]

109 枚の画像のセットがあります。3 つの異なる (垂直) 視点から 360 度回転する部屋です。

正常に動作しているようですが、各ループの最後に別の観点からいくつかのステップ/フレームが表示される理由がわかりません:

チェックするだけで簡単です：http://toniweb.us/m/3d/adam.html

そして、これが私がそれを呼んでいる方法です：

フレーム、行、カウント、ステップの使い方が間違っていますか? または問題は画像にありますか？

どうもありがとう

開発した 360 度ビューアには Reel JS を使用しています。ページに複数のサムネイルがあり、ユーザーがサムネイルを選択すると、新しい Reel JS 360 ビューアーがページに表示されるようにしました。

ただし、iPad で問題が発生しています。画像シーケンスを切り替えようとすると、Reel JS 360 ビューアーに画像をロードする途中で iPad が詰まる、または停止する傾向があります。第一世代のiPadを使用しています。非表示の入力フィールドを使用して画像シーケンスを呼び出し、画像をプレースホルダーにロードしています。そのため、ページの読み込み時にすべての画像がページに読み込まれるわけではありません。

Android を実行している Motorola Xoom タブレットでは、イメージ シーケンスは完全かつかなり高速にロードされます。

iPad で画像ローダーが詰まる理由を教えてもらえますか? 私たちのJSに何か問題がありますか？このコードは、Android タブレットとデスクトップでは問題なく動作しますが、iPad では動作しません。

テストページはこちら: http://www.dmns.org/test/jquery-360/index4.html

コードの問題なのかiPadの制限なのか正確にはわからないため、コードを投稿していません。他の誰かがiPadでテストして、洞察や考えを手伝ってくれるかどうかを確認したいと思います. 絶対に私が必要な場合は、すべてのコードを投稿できます。しかし、私がこのページにたくさんのコードを入れようとするよりも、誰かがソースを見て分析する方が簡単で良いと思っただけです。

前もって感謝します。

こんにちは私はjqueryリールを使用するのは比較的新しいです。jqueryリールhttp://test.vostrel.cz/jquery.reel/docs/jquery.reel.htmlにカーソルを合わせたときに停止して再生する方法を知りたいです。停止、開始、一時停止のイベントがあるようですが、ホバー時にアクティブにする方法がわかりません。

ありがとう！

リール アニメーションを常に前進させ、決して逆進させないようにしたい (つまり、アニメーション フレーム番号は毎回大きくなるだけで、小さくならないようにする必要があります)。

これを行う賢明な方法はありますか？

わかりやすくするために編集します。

jQuery リールを使用して簡単なアニメーションを作成しています。アニメーションは 10 個の画像 (01.png、02.png、03.png ...) で構成されています。リールのデフォルトの動作は、ユーザーが画像をクリックまたはタッチし、左または右にドラッグしたときにアニメーションを再生することです。

ユーザーが右にドラッグすると、アニメーションが正しい順序で再生されます - 基本的に 01.png、02.png、03.png から進みます ... ここでは問題ありません。

ユーザーが左にドラッグすると、アニメーションが逆に再生されます -- 03.png、02.png、01.png、10.png、09.png ... 私はこれが好きではないので、無効にしたいと思います。

そのため、アニメーションを「順方向モード」でのみ再生し、「逆方向モード」を無効にする方法を探しています。つまり、左へのドラッグまたは左へのパンを無効にできるようにしたいと考えています。

これは理にかなっていますか？

jQuery Reel を使用して 360 度の製品ビューを表示し、次のようにしています。

逆に自動再生したいのですが (デフォルトの左から右ではなく、右から左)、ドラッグとインジケーターの動作方法を変更したくありませんcw: true(これは何をしますか?なので使えません）。

私が試したこと

このオプションcw: trueは逆再生を行いますが、ドラッグとインジケーターは本来あるべき方向から逆になっています。

このオプションinversed: trueは、私が探していることを正確に実行するように見えますが、私が知る限り、何も変わりません.

speedオプションを負の値 (つまり) に設定speed: -0.4すると、正の値に設定した場合と同じように動作するように見えます (何も変更しません)。

画像の順序を逆にしても (私はスプライトではなく画像リストを使用しています)、基本的に を使用するのとまったく同じであるため、役に立ちませんcw: true。逆順の画像リストを と組み合わせることcw: trueは、オプションをまったく使用しないことと同じでありinversed: true、この場合も効果がないように見えます。

この JS フィドルをチェックして、私のテスト ケースを確認してください。
(画像リストではなくスプライトを使用していますが、すべてのテストで画像リストと同じように動作します。)

Reel 1.2.1 と 1.3 の両方でテストしました。

ドラッグとインジケーターの方向を維持しながら、リールを逆に自動再生するにはどうすればよいですか?

jQuery Reel Plugin を使用して、2 つのリールを同時に動かそうとしています。基本的には、両方のリールを同時に操作して、一方を動かすともう一方も同期して動くようにしたいのです。これを立体視関連のプロジェクトで使用する必要があります。

ここに私のフィドルがあります: http://jsfiddle.net/dpcdpc11/xR4TN/。この例では、同じ画像が赤い背景の div に配置された 2 つのリールを使用しており、両方の領域オプションが赤い div に設定されていますdata-area="#images_container"。なぜ正しく動作しないのかわかりません...最初のリールは 2 番目のリールよりも速く動きますが、同期して動くはずです。

これにアプローチする方法を知っている人はいますか? このオプションを使用するareaことは、最善の方法ではない可能性があります。

前もって感謝します！

英語ですみません。

jQuery Reel Pluginを使用しようとしましたが、html ファイルで完全に動作します。

しかし、スクリプトを介して追加すると、document.innerHTMLまったく機能しません。

画像は表示されますが、巻き取れません。

また、関数を試しelement.setAttribute(name, value)たり、jQuery を使用して html ファイル全体をロードしたりしました。でも結果は同じ…。

今何をすべきかわからない。

または、リール画像を動的に表示および非表示にできる他のソリューションはありますか?

どうもありがとう。

ここにスクリプトとプロジェクト全体があります。

JQuery リール プロジェクト

画像シーケンスを動的に変更したいと思います。

たとえば、以下のリンクには、現在、車の画像があります。

http://test.vostrel.cz/jquery.reel/example/object-movie-multi-row-sequence/

何らかのアクションで、別の車の画像に切り替えたいと思います。現在、私は次のことを試しました。

上記のコードは正常に動作していますが、他の画像に切り替える際に 1 秒間ちらつきがありました。そのちらつき効果なしで画像を変更する方法はありますか?

前もって感謝します。

jquery Reel プラグインを初めて使用します。シーケンスの方向モードが機能しません。コードを修正してください

各方向に6フレームかかるはずですが、通常のリールとして機能します。私のコードを修正してください。ありがとう。