問題タブ [adobe-edge]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
1591 参照

javascript - スクリプト読み込みの競合?Adobe Edge アニメーションを含める場合、オブジェクトにメソッド エラーがありません

jquery、jquery-ui、flexslider を使用する Web ページがあります。すべて正常に動作します。Adobe Edge Animator で作成したアニメーションを含めたいと思います。アニメーションはそれ自体で正常に動作しますが、何らかの理由でページに含めると、jquery-ui と flexslider が壊れているようです。

キャッチされていない TypeError: オブジェクト [オブジェクト オブジェクト] にはメソッド 'dialog' がありません

キャッチされていない TypeError: オブジェクト [オブジェクト オブジェクト] にメソッド 'flexslider' がありません

スクリプトがロードされていて、私が

再び出ます。

jquery noconflict を使用して、スクリプト シーケンスを再配置しようとしましたが、役に立ちませんでした。

本当に奇妙なのは、jquery-ui ダイアログ オンロードを開く特定のパラメーターを使用してページを呼び出すと、ダイアログが実際に開きますが、アニメーションが読み込まれると、再び上記のエラーが発生することです。

ここにテストケースを設定しました:

これは、ダイアログと flexslider が機能しているページです。

http://s149471880.online.de/

これは、ダイアログと flexslider が機能しないアニメーションを含むページです。

http://s149471880.online.de/?ani=1

どんな助けでも大歓迎です!

0 投票する
2 に答える
361 参照

image - Adobe Edge と動的画像

Adobe Edge を使用して、mysql データベースから取得した動的な画像を背景にすることはできますか? なんとなく以下のようなことを考えていました。

インターネット検索で方法や関連するものが見つからないので、誰かアイデアがあれば教えてください。

0 投票する
1 に答える
6022 参照

symbols - Edge Animate シンボルの画像を動的に変更するにはどうすればよいですか?

ナビゲーションに多くのロールオーバー画像があるサイトのプロトタイプに取り組んでいます。各イメージは一意ですが、ロールオーバーとロールアウトのコードは同じです。すべてのロールオーバーに使用できる単一のシンボルを作成しようとしていますが、作業が大幅にスピードアップするため、これを理解するための助けが必要です.

擬似コードは次のように機能すると思います

  1. デフォルトのロールオーバー イメージを含むシンボルを作成します。
  2. シンボルに、ロールオーバーとロールアウトのコードを追加します。これは透明度を 0 -> 100 とその逆に調整します。
  3. ナビゲーション内の各アイテムの上にシンボルのインスタンスを作成します。
  4. インスタンスごとに、使用するロールオーバー イメージの名前を含む変数を設定します。
  5. そのシンボル インスタンスで、変数値を取得します。
  6. そのシンボル インスタンスで、変数内のイメージ名を使用して、既定のイメージを置き換えます。

質問: 手順 4 ~ 6 を機能させるにはどうすればよいですか? 1~3台は問題なく動いています。


更新: #6 を解決しました

画像はすべて、 old-school ではなく CSS background-image プロパティによって管理されます<img src=...>。したがって、要素の画像を設定するための構文は次のとおりです。

そして、[画像] を正しくする第 2 の部分があります。

  1. Edge イメージのデフォルトの相対 URL を使用します。images/[image]
  2. CSS background-image の標準構文を使用します。url(images/[image])

PS 私の最後の開発作業は、Director、PHP、および ColdFusion でした。関数、オブジェクト、インスタンス、継承などの使用などの基本原則はまだ得ていますが、言語は変更されています。そして、私はDOMの経験がほとんどありません。


付録: これを手動で行う方法

  1. 選択されていないすべての状態を示すナビゲーションの背景画像があります

  2. nav の各項目には、対応するロールオーバー イメージがあり、一連の要素が nav 要素の上に重ねられています。各ロールオーバーの不透明度は、最初は 0% に設定されています。

  3. 各イメージ要素には、ロールオーバー、ロールアウト、およびクリック トリガーがあります。ロールオーバー トリガーとロールアウト トリガーは、それぞれ同じです。クイックフェードを提供するロールアウトを備えたコードももう少しあります。これは、同じコードをたくさんコピーすることを意味します。そのコードの一部を変更しなければならないことについて考えるのは嫌いです。

0 投票する
1 に答える
1850 参照

jquery - Adobe Edge - スクロール位置の値を取得

Adobe Edge で何かをコーディングしようとしています。

現在、マウスの位置を取得し、x 値でタイムラインを制御できます。

ページの上部からのスクロール距離を取得して、posX の代わりに使用するにはどうすればよいですか?

0 投票する
1 に答える
982 参照

javascript - クリック位置でクリック時にシンボルを作成

ユーザーがステージ上の任意の場所に触れるたびにシンボルを作成/トリガーしたいエッジアニメーションドキュメントがあります。クリック時にステージ上のポインターがあった場所にシンボルの中心を配置したい。

Javascript を使用してクリックの x、y 座標を決定する方法は知っていますが、その場所にシンボルを配置するにはどうすればよいですか?