問題タブ [fadeout]

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 投票する
4 に答える
505 参照

jquery - jQuery アニメーションを途中で停止する

JQueryを使用して透明なpngをフェードインおよびフェードアウトしようとしています。もちろん、Firefox では滑らかに見えますが、IE (7 および 8) では許容範囲を大幅に下回っています。これは IE の既知のバグであり、残念ながら回避策はないようです。

基本的に私がやっていることは、画像の上に半透明の白い長方形を配置して、画像を「背景に」表示させることです。私はこれをスムーズに行いたいので、fadeIn の出番です。しかし、IE のバグのため、代わりに完全に不透明な白い四角形を画像上にフェードインすることを余儀なくされ、残念ながら画像が消えてしまいました。これはかなり良く見え、私が探しているものはほとんどありますが、まだ受け入れられません. バックグラウンドではありますが、ユーザーはページ上でいくつかの画像を見ることができる必要があります。

だから私の質問はこれです:

予想されるアニメーション時間の 75% をアニメーション化した後、fadeIn 関数 (または実際には任意の jquery アニメーション) を停止する方法はありますか?

これにより、画像の 75% が白い四角形と混合されたままになり、IE の厄介な透過 png バグに対処する必要がなくなります。

ありがとう!

0 投票する
5 に答える
18945 参照

jquery - 画像間のフェード

jQueryを使用して2つの画像間でフェードローテーションするにはどうすればよいですか?たとえば言ってください。

私は、画像がそれぞれ2秒間フェードイン/フェードアウトするのが好きです。

ありがとう!とても有難い。:)

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

javascript - クリック時の5つの画像へのjqueryフェード効果

1つのリンクをクリックすると、ページ上のいくつかの画像が変化するjqueryまたはスクリプトはありますか?

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

python - 画像モジュールPythonでフェードアウト

BMPまたはJPGを取得して複製し、新しい画像が暗くなる(または明るくなる)ようにしたいのですが、どの機能を使用できますか?アリエル

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

jquery - JQueryのdelay()関数はループを壊しますか?

要素をフェードインおよびフェードアウトしようとしていますが、その間にわずかな一時停止があり、一時停止しなくても機能しますが、jQuery delay() 関数を使用して一時停止を追加すると、最初の fadeOut() の後に停止します;

コードは次のとおりです。

delay() 関数 (最初と 2 番目の両方) がループを壊すのはなぜですか?

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

html - divタグを使用してテキストをフェードする

divタグを使用してテキストをフェードする

助けて....???

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

jquery - 同じ空間へのフェードアウトとフェードイン

#lg-image をフェードアウトし、#column-left と #column-right を #lg-image と同じスペースにフェードインしたい。これは可能ですか?

ありがとうございました

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

jquery - アコーディオンメニューにも関連する、クリックするとJqueryが要素をフェードおよびスワップします

姿勢 1 をクリックすると、説明がドロップダウンし、右側に画像が表示されます。これで、姿勢 2 または姿勢 3 をクリックすると、イメージと説明が適切に変更されます。

ウェブサイトを見る

私が今しなければならないことは -

姿勢 1 がクリックされてから姿勢 2 がクリックされた場合、一度に表示される姿勢の説明が 1 つだけになるように、姿勢 1 メニューを閉じる必要があります。

現在開いている姿勢項目をクリックして閉じ、開いている姿勢の説明がない場合、右側に画像も表示されないようにすることもできます。

最後に、アニメーション画像の 1 つのセットのみが実行されていることを確認する方法があります。ユーザーが 26 のオプションすべてを実行し、バックグラウンドで実行し続けると言うと、動作が遅くなる可能性があるためです (それを取り上げてくれた Nick Craver に感謝します)。

この段階では、姿勢 1、2、および 3 のみが使用可能です。最後にいくつかのコード -

$(document).ready(function(){

});

// aSeptik により、右側の画像がフェードインおよびフェードアウトします $(document).ready(function(){
$('#section_Q_01,#section_Q_02,#section_Q_03').hide();

});

$(document).ready(function(){ $('.pics').cycle({ fx: 'fade', speed: 2500 }); });

説明ボックス -

そして右側の画像 -

別の要素がクリックされたときに画像がフェードアウトするとボーナスになりますが、大したことではありません。

ご覧いただきありがとうございます

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

hover - jQuery フェードイン フェードアウト ホーミング時に一時停止

選択した間隔でdivのグループをフェードインおよびフェードアウトする小さなjQueryスニペットがあります。ここで、ホバー時にこの fadeIn fadeOut を一時停止し、マウス アウト時に再開する必要があります。どんな助けでも大歓迎です。関連するコードは次のとおりです。

以下は私の体にあるものです

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

jquery - jQuery - 親要素(親の子ではない)をクリックするとフェードアウトしますか?

私のページには次のコードがあります。私がやろうとしているのは、ユーザーが #loginBox の外側をクリックしたときに、#loginOverlay 全体をフェードアウトさせたいということです。しかし、#loginBox をクリックしてフェードアウトをトリガーしないと、この効果を実現できません...

ページの下部に配置されており、ページにフェードインをトリガーするリンクがあります。しかし、フェードアウトは今のところ少し苦労しています。

私はこれをやってみました:

しかし、それは私に同じ結果をもたらします。

提案はありますか?前もって感謝します!