問題タブ [transitions]

私はこのウェブページを持っています: http://miloarc.pyrogenicmedia.com/

どのatmも特別なものではありません。いくつかの効果がありますが、銀行を壊すものはありません。

タイルの上にマウスを置くと、不透明度が変化してフェード効果が得られます。これは、CSS ではなく Jquery アニメーションを介して行われます (単純な変更ではなく、フェードできるようにするためです)。ページが読み込まれるとすべてが見栄えがよく、フェードも完璧に見えます。実際、マウスをあちこちにドラッグすると、ほとんどヘビのような「軌跡」が得られます。

とにかく、私の次の問題は、左上にボックスがあり、ホバリングしているタイルに関する情報が表示されることです。これはうまくいくようです。その情報ボックスにマウスを合わせると、その位置が切り替わります (以前はその下に隠れていたタイルにアクセスできるようになります)。私の理解では、これはすべて正常に機能しており、文字どおりです。

ただし、情報ボックスを1回移動した後（1回のホバー）。Firefox でページを表示すると動作が遅くなります。同様に、情報ボックスの移動が成功した後、フェード効果が非常に不安定になり、イベントをすばやく取得できなくなり、画面に「軌跡」を描くことができなくなります。

Chrome にはこの問題はありません。何となくうまくいきそうです。サファリも大丈夫そうです。マウスを非常に速く動かすと気付きますが、少しジャンプしますが、Firefox ほどではありません。

Internet Explorer がまったく動作しません。ブラウザがクラッシュするようです...そして、使用している角丸プラグインにエラーがあります（理由はわかりません...）。

全体として、コード内で何をしていても、非常に遅くなければならないと思います。しかし、私はそれがどこで起こっているのかわかりません。

ここに完全なコードがありますが、リンクにアクセスしてすべてを表示することをお勧めします。

助けてくれてありがとう:)。

編集：私の要点を繰り返します。情報ボックスを移動した後にのみ動作が遅くなる理由を知りたいです。この前は、すべてがまったく問題ありません。ボックスを移動した後 (および元に戻した後)、UI が非常に遅くなります。

AS3 でマスクを少し使用しましたが、マスクを使用してこれを行う方法がわかりません。

クラス名を持つ MC としてライブラリにインポートした 2 つの swf ファイルがあります。

ファイルの 1 つは開始イメージで、もう 1 つは終了イメージです。トランジションは、開始イメージから終了イメージへのスライド トランジションです。この例のように遷移を考えることができます。

しかし、2 つの swf とそれらの間の「スライド遷移」を使用して、このようなスライド遷移を行うことは可能ですか?

カスタムセレクターを持つ透明な (ボタンの背景なし) ImageButton を作成しようとしています。ボタンに対して動作するセレクターがありますが、セレクターのドローアブルが互いにクロスフェードするようになりました。XML で表現できる TransitionDrawable オブジェクトを見ました。これをセレクターに接続する方法はありますか?

以下は、画面の左下隅に画像ボタンを作成するための XML レイアウト コードです。現在、トランジション XML を無視して、ある画像から次の画像に突然移動します。

selector_button.xml

transition_normal_to_pressed.xml

活動.xml

2 つのサブビュー (view1 と view2) 間の遷移を作成しようとしています。ボタンを押すと、view1 (前面) が反転して view2 (背面) が表示されます。transitionFromView と transitionWithView の両方を試しました。それぞれが機能しますが、それぞれに問題があります。

transitionFromView - スーパービューを反転します (サブビューではなく、ウィンドウ ビュー全体が反転します)。このフリップが発生すると、1 つのサブビューがフリップ前のスーパービューの前面にあり、もう 1 つのサブビューがフリップの背面にあります。しかし、スーパービューを反転させたくありません。サブビューだけです。

transitionWithView - サブビューのみを反転しますが、遷移が発生する前に「to」ビューが表示されます。

誰にも提案がありますか？

jQuery を使用して複数の div をナビゲートできるスクリプトを作成しましたが、6 番目の div が表示され、.is(":visible") を使用してもうまくいかない場合は、親に CSS の変更を加えたいと考えています。 .

iPhoneのドキュメントによると、この特定のモーダルトランジションはiOSバージョン3.2以降で利用できます。それでも、Googleマップアプリのおかげで、私の電話（3.1.3を実行していると思います）がこのカーリング遷移を実行できることを知っています。

iOSバージョン<3.2でこのカーリングトランジションを取得する別の方法/トリックはありますか？

ありがとう！

こんにちは、コミュニティです。少なくとも私にとっては厳しいものです。たぶん、そこにいくつかの助けがあります。scrollToプラグインを搭載した、垂直/水平にスクロール
するフルページのWebサイトに取り組んでいます。一般的に、すべてがうまくスムーズに機能していますが、Nivo Slider などの一部のコンテンツでは、スクロールがハイグ アップのように少し不安定になります。Nivo Slider が画像を変更するたびに、同時にスクロールしている場合に発生するようです。

現在、この動作をスムーズに回避する方法を探しています。Nivo Slider がビューポートにないときに停止し、再びビューポートに入ったときに再び動作させる方法を探しています。そうすれば、彼はスクロールの遷移を邪魔しないと思います。これは初心者としての私の勝手な推測ですが、どんな助けや提案も大歓迎です。ビューポートにない場合は、さまざまなパネル (バナー、ギャラリー、スライダーなど) に含まれる動的コンテンツを停止することがすべてです。

何か案は？

CSS3 transitionsを使用して、動的に作成された html 要素をアニメーション化しようとしています。

要素が作成される直前にアニメーションを開始したい。
これらのために、要素の元の位置を設定するクラスを作成し、jquery css()メソッドでターゲット位置を設定します

しかし、新しい要素は、遷移なしでターゲット位置に表示されます。

0ms の setTimeout を使用して新しい css 値を設定すると、機能します。

私が間違っていることがありますか？それとも制限ですか？setTimeout 回避策を使用する必要はないと思います。

ありがとう！

更新: 実験用に jsfiddle.net で実行されているコードへのリンクを次に示します。 http://jsfiddle.net/blackjid/s9zSH/

更新回答のソリューションで例を更新しました。
http://jsfiddle.net/s9zSH/52/

これは完全に機能するサンプルコードです

GUI に GTK+ 2.0 を使用しようとしていますが、ボタンをクリックするとスライドアウトするメニューを実装する方法がわかりません。メニューを瞬時に非表示/再表示することは、可視性プロパティを簡単に変更するだけでよいため、難しくありません。このアプリは Windows で開発していますが、Linux にも移植する予定です。Windows と Linux で機能するメニュー遷移を実現する方法について何かアイデアはありますか?

私は疑問に思っています: トランジションmxmlを、それらが使用されることを意図したmxmlコンポーネントの外側に構築することは可能ですか?

たとえば、Script タグにsource = property.

コンポーネント mxml をきれいに整頓しておきたいだけでなく、mxml を介して宣言されたトランジションも保持できるようにしたいと考えています。