問題タブ [adobe-edge]

私はAdobeEdgeAnimateを使用してWebサイトの大部分を作成していますが、モバイルバージョンも作成したいので、明らかにonClickイベントの代わりにonTouchイベントを使用したいと思います。タッチイベントの使い方については、これまで使ったことがないので、良い情報が見つからないようです。

左にスワイプすると順方向に再生され、右にスワイプすると逆方向に再生されるシンプルな画像ギャラリーを作成したいと思います。

ここでの大きな問題は、スワイプの方向に基づいてさまざまなことを行うようにタッチイベントにどのように指示するかです。

次のようなものを再現しようとしています： https ：//www.apple.com/uk/ipad-mini/design/

ページを下にスクロールすると、特定の領域を表示すると、アニメーション要素がトリガーされることを理解しているようです。これに基づいて次のステップを実行しようとしていますが、何から始めればよいかわかりません。HTML、CSS、DIVタグの要素を理解しており、表示時に非表示のブロックをオンにすることが答えになる可能性があります。ただし、単純なトリガー要素についてのアドバイスが必要です。Java？PHP？CSS？

したがって、ユーザーが30％下にスクロールすると、非表示の要素が表示またはアニメーション化されます。それが助けになるなら、私はadobeedgeでアニメートします。

何かいい？

ここでは、Edge アニメーション以外で 2 つのことをしようとしています。

アイドル状態の3人の男の子のシーン。

アクション

• 男の子のいずれかをクリックします。
• 「開いた」口の PNG を「閉じた」口の PNG に置き換えます。

HTMLページでjQueryを使用して各文字をバインドしようとしています

使用しているコードはドキュメントからのものです (jQuery を介してアニメーション インスタンスにアクセスする方法についての説明は限られています)。

Chrome で受信しているエラーは次のとおりです。 Uncaught TypeError: Object #<Object> has no method 'getComposition'

Adobe Edge フォーラムでこの質問をしましたが、返信がなかったので、ここで質問してよろしいですか。

Adobe Edge アニメーションを Web ページに埋め込む方法についてアドバイスを求めています。

私はコーディングの知識がないので、残念ながら思ったよりも複雑です。

Web ページに単一バージョンの Flash アニメーションが埋め込まれた Web ページがいくつかあります。同じページにエッジ アニメーションを追加したいのですが、デバイスが Flash Player を持っていないかサポートしていない場合にのみ再生します。したがって、フラッシュがインストールされている場合は、フラッシュ バージョンを実行する必要があります。フラッシュがない場合 (iPad など)、エッジ バージョンが再生されます。多くの人が逆の方法を選択することは知っていますが、エッジを学習している間はフラッシュ バージョンの方がはるかに優れているため、フラッシュ バージョンを主にプレイすることを好みます。

音の要素に。Flash ファイルのバックグラウンド ミュージックを再生しています (音楽は Flash アニメーションに組み込まれています。エッジ アニメーションでこれを行う方法がわかりません。おそらく、ある種の HTML5 を使用して実際の HTML ページにコーディングする必要があります。タグ? しかし、ここで私が目にする問題は、Flash バージョンが再生を開始すると、Flash および HTML5 タグをサポートするブラウザーでも HTML5 サウンド バージョンが再生を開始することです。

これを達成する方法についてのアドバイスと、可能であればコード例をいただければ幸いです。

もともとフラッシュで作成したウェブサイトをエッジで再作成しています。   http://thepearlnj.com/   (ホームページの) Pearl ロゴの下の左側にある 3 つのラジアル ボタンをエッジで機能させる方法について助けが必要です。写真から写真へのアニメーション/スライドの方法を維持したいと思います。誰かが写真を表す 3 つのボックスと 3 つのボタンを備えたシンプルなエッジ ドキュメントを設定してアップロードしていただければ幸いです。そうすれば、ボタンとタイムラインのコードを見て、それがどのように機能するかを理解できます。または、本当に簡単な場合は、同じ効果を作成するためにボタンで使用する必要があるコードを教えてください。（3枚の写真は、タイムラインにトリガーを付けてシンボルとして設定する必要があると思います）よろしくお願いします！-シャロン

divアニメーション部分がページで表示/スクロールされ、ループしないようになったら、エッジアニメーションを再生するつもりです。

そこで、Q＆Aから理解し、 Rich Bradshaw がこのページに示した サンプルコードを見つけました。AdobeEdgeによって生成されたコードは、優れたプログラミング手法に準拠していますか？：

彼が示したコードは次のとおりです。

私はそれを私のサンプルhtmlページに実装しようとしました、私は

示されているように、BODYタグhtml内。

その結果、エッジアニメーションはページ全体をリロードして、それ自体を再生します。次に、エッジアニメーションを表示するために使用したdivタグ内に「onload」部分を配置しようとしました。これは、「onload」部分が挿入された場所に応じて機能すると思うためです。

しかし、それではアニメーションが機能しませんでした:(これを手伝ってください。ユーザーがページの一部を表示したときにのみエッジアニメーションを再生する方法はありますか？

Adobe Edge Commons の例 MixitBaby からの次のコード参照を使用していますが、Chrome と IE10 でこのエラーが発生し続けますが、これは Firefox では正常に動作します。

「Uncaught ReferenceError: EC が定義されていません」

-ありがとう

このサイトを作成するためにadobeedgeanimateを使用しています：http： //www.reveriesrefined.com/myftp/5/

Windowsマシンでは問題なく動作していましたが、Macにアクセスして変更を加え始めたところ、Firefoxで問題が発生しました。サファリで期待どおりに動作し、昨日はすべてのブラウザで正常に動作していました。基本的に、ページが読み込まれ、中央の五角形の後ろからdivが移動すると、グリッチが非常に悪くなります。理由はわかりません。アニメーションのイージングを削除/変更しようとしました。div自体のさまざまなプロパティを削除しようとしましたが、何が起こっているのか理解できないようです。

Edge Animate でレスポンシブ Web サイトのスライド バーを作成しています。1 つのスライドに対して 2 つのスライドを作成しました (責任を持って調整できるようにするため)。ウィンドウの幅が 786px 未満の場合は 2 番目のスライドを表示し、それを超える場合は最初のスライドを表示します。これは私が使用したコードです：

何らかの理由で機能しません。助けてくれてありがとう。