問題タブ [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.
jquery - AJAX 呼び出しでエッジ アニメーションを読み込むにはどうすればよいですか? jquery getScriptが失敗する
したがって、jQuerys $.getScript() を介して Edge アニメーションを取得しようとしています。これは、dataType: script で $.ajax を呼び出すのと同じです。
script タグを使用してスクリプトを含めると正常に動作しますが、$.getScript() を使用してスクリプトを読み込んで実行しようとしても何も起こりません。(エラーは発生せず、スクリプトとサブスクリプトは正常にロードされますが、何も起こりません。)
誰もこれを試したことがありますか?Adobe は page_a_edgePreload.js で yepnope を使用しているため、AJAX 経由での読み込みに問題があると思われます。
テスト目的で、Adobe Edge から見つけた簡単な例を使用しました。ローカルで試してみたい場合は、エディターを開き、以下を wrapper.html ファイルに保存します。
次に、Adobe からサンプルの .zip ファイルをダウンロードします: http://blogs.adobe.com/edge/files/2012/05/an15BootStrapExample.zip
以下を wrapper.html と同じフォルダーに抽出します。
- edge_includes フォルダー
- page_a_edge.js
- page_a_edgeActions.js
- page_a_edgePreload.js
編集
わかりましたので、Alex が提案したように、edgePreloader.js を経由せずにファイルを読み込んでみました。AdobeEdge にアクセスできますが、スクリプトを正常に読み込んだ後にコンポジションを書き出すと、undefined が返されます。
(私も setTimeout() 関数でこれを試しました - それでも同じ結果です)
<script src="..edgePreloader.js"></script>
通常のタグにスクリプトを含めると、次のようにうまく動作します
Adobe が edgePreload.js でクロージャーを使用していることに気付きました。このクロージャー内に edge.1.5.0.js をロードする必要があるようです。私は今、この閉鎖を機能させるために不可欠なイベントと機能を理解しようとしています。
responsive-design - 「表紙」の背景画像を使用したレスポンシブ Web サイト
ブレークポイントに次のルールを使用して、エッジ リフローを使用してレスポンシブ サイトを設計しています。
<480px, <768, 1024>
それぞれの幅のブレークポイントごとに異なる背景画像を使用しています。contain
ただし、 for を使用して Reflow に追加するとscale-x
、作成した画像がそのサイズではないように見えます。それらのほとんどは、設計より少なくとも 200 ピクセル短かった。
したがって、私の質問は、各ブレークポイントにどのサイズの背景画像を使用する必要があるか、およびリフローを使用してこれに関するその他のガイダンスや、何か間違ったことをしているという提案です。
通常はcover
むしろ使用しますcontain
が、画像は拡大縮小され、デバイスからデバイスへの必要なものが表示されません。
ありがとう
javascript - jQuery+Edge Animate: Error only when called from click event: Object [object Object] has no method 'foundation'
Using Zurb Foundation and jQuery with Edge Animate I get this error:
Uncaught TypeError: Object [object Object] has no method 'foundation'
....only when calling the foundation function from within an event handler. From outside the event handler, it works fine.
How can I fix this? The error only occurs if the Edge Animate content is there. Once removed it works as expected.
javascript - Html 5 がサポートされていない場合は、Flash アニメーションを使用してください
ユーザーのブラウザーが html 5 をサポートしていない場合は、エッジ アニメーションにフォールバックしたいと考えています。ビデオではなくアニメーションについて話しているのです。同じアニメーションをフラッシュで作成しましたが、動的に切り替える方法を知る必要があります。これは、あまり詳しくない JavaScript で行う必要があると思います。
javascript - 複数のエッジアニメーションコンポジションを配置するには?
複数の Adobe Edge コンポジションに問題があります。Web サイトに約 5 つのコンポジションを配置し、それぞれを個別のボタンに割り当てて、右のボタンを押した後に適切なコンポジションが再生されるようにしたいと考えています。
これまでのところ、運がありませんでした:/どんな助けも大いに感謝します
javascript - Adobe Edge でロード時に iframe をリロードする
Adobe Edge を使用して Web サイトを構築していますが、index.html ページに他の HTML ページをロードする iframe がいくつかあります。すべてのファイルは同じドメインにあります。
理由はわかりませんが、iframe コンテンツの一部が Firefox で正しく読み込まれません。しかし、iframe を更新すると完全にロードされるため、ロード時に iframe を自動的に (1 回だけ) リロードする必要があります。
このページで考えられる解決策を見てきました: iFrame がロードされたら強制的にリロードする方法
Adobe Edge のどこにソリューション スクリプトを配置すればよいかわかりません。
これは、「creationComplete」の各 iframe が現在どのように見えるかです。