問題タブ [fading]

軽量のスクリプト（純粋なJavaScriptを推奨）を探しています。これは、一連の画像を互いにスムーズにフェードインするためのものである必要があります（= image-carousel）。また、たとえば次のように、複数のインスタンスを実行できる必要があります（したがって、プロトタイプスクリプトである必要があります）。-サイトバナー：3つの画像を次々にフェードします-メインコンテンツ：3つのギャラリー、それぞれ3〜5つの画像をフェードします

その目的で使用するスクリプトに関する推奨事項はありますか？

ありがとう！

Appleのwww.me.comを見ると。Yoiu は、フェードインおよびフェードアウト アニメーションで SIGNIN ボタンがループするのを確認できます。これはjqueryですか？

エリック

コードビハインドからのテキストメッセージのインとアウト（フェードインとフェードアウト）をブレンドしたい場合、あなたは何を提案しますか？私の問題は次のとおりです。UpdatePanelsを実行しているモーダルポップアップがいくつかあり、ユーザーがデータを送信するときに、「保存済み」などのメッセージ（javascriptのアラートではない）を表示したいと思います。純粋なテキストとして、それはフェードインおよびフェードアウトされるため、スペースを必要としません。（<p>-tagをdisplay：noneおよびdisplay：blockにフェード効果で設定するのと同様です）

ラベルを使用してその可視性をtrueまたはfalseに設定できることは知っていますが、それは私がやりたいことではありません。（->フェード効果のない汚れた溶液）

重要なのは、これをコードビハインドから行うことです...トリックを実行するAsp.NetControlのようなものはありますか？または、コードビハインドからjqueryを使用する必要がありますか？

だから基本的にカスタムボタンを作っています。

望ましい動作:

ユーザーがマウスオーバーすると、マウスオーバーの画像がフェードインします。

ユーザーがマウスオーバー/押された画像からマウスを離すと、フェードアウトします。

例外:

フェード アニメーションの再生中にユーザーがマウス インまたはマウス オフした場合は、次のことを行う必要があります。

• 現在再生中のアニメーションを即座に停止
• 現在の位置から新しいアニメーションへのフェードを開始します。例: ユーザーがマウス オーバーし、マウス オーバー アニメーションが再生された場合、マウス オフ アニメーションがまだ再生されている間にマウス オフし、すぐにマウスを再びオンにすると、最初からフェード イン マウスが開始されません。しかし、マウスオフアニメーションが停止した場所から。

CSS を介してページに合わせてスケーリングされた複数の画像があるフロントページギャラリーに取り組んでいます。

画像は次から次へとフェードアウトし (重なり合う)、ユーザーがブラウザーのサイズを変更してスペースを使い切ると、サイズが変更されます。

問題は、ほとんどのブラウザーと、最新のコンピューターを除くすべてのコンピューターで、画像のフェードがひどく実行されることです。

ただし、画像が引き伸ばされていない場合、パフォーマンスはほとんどのコンピューターのすべてのブラウザーで完璧です。

以前に設計した他のサイトでこの問題に遭遇し、ソリューションの調査とテストにかなりの時間を費やしましたが、何も見つからないようです.

何か案は？

パフォーマンスとスタイリングのトレードオフを実装しました。画像を 0.7543234 の係数で任意にスケーリングする代わりに、8 などに丸めます。任意のスケーリング係数はパフォーマンスに大きな影響を与えることがわかりました。10 進法スケーリングを使用すると、パフォーマンスが大幅に低下します。

ここにいくつかのjsコードがあります：

• newWidth は目的の幅です。
• originalImage.width は、元の画像サイズを保持する配列です (js は非常にスマートであるため、スケーリング後にこれらにアクセスすることはできません)。
• roundNumebr は、最も近い小数点以下の桁数にスケーリングする関数です

function roundNumber(num, dec) { var result = Math.round(num*Math.pow(10,dec))/Math.pow(10,dec); return result; }

この後、フェードは約 50% 改善されますが、まだ完全ではありません。うまくいけば、これが誰かを助けることを願っています。

ListViewが周囲からフェードアウトしたような効果を出したい。デフォルトでは、ListViewの色に設定されています。FadingEdgeの向きとFadingEdgeのサイズは調整できますが、色は調整できません。出来ますか？

私は完全にJavaScriptベースのポートフォリオを作成しています。http://portfolio.theadamgaskins.com/Portfolio/

私の問題は、ナビゲーションボタンの1つをクリックすると、他のページがフェードアウトすると同時に新しいページがフェードインすることです。新しいページがフェードインする前に、現在のページがフェードアウトする必要があります。使用しているコードは次のとおりです。

これは文脈から外れています。View Sourceサイトでお気軽に。

ImageViewへの呼び出しによる基本的なスクロールをサポートするカスタムを作成しView.scrollBy()ましたGestureDetector。スクロール境界に到達したことに関するフィードバックを追加したかったので、次の方法でフェードを有効にしました。

しかし、フェードは上端と左端でのみ期待どおりに機能し、下端と右端はフェードしません。ビューの高さと幅が fill_parent に設定されているため、これらのエッジが画面からはみ出していないことは確かです。では、何が問題なのですか？

編集: 垂直/水平フェード エッジのみを有効にすると、上/左エッジのみが描画されることが確認されます。今、私はView.java (6870 以降)を読み込もうとしています...

<img>ページには要素が1 つしかありません。srcこの画像の属性を 7 秒ごとに変更します。

新しい画像は 7 秒ごとに表示されますが、新しい画像をロードするときにフェードやトランジション効果を追加できればもっといいでしょう。

これには簡単なスクリプトがありますか？

プラグインは必要ありません。それを行うには、いくつかの手がかりまたは数行のサンプルが必要です。

私の質問の正確な答えが見つかりませんでした。

これはCSSスプライトで作成した私のボタンです。あなたが見ることができます。マウスオーバーすると、背景色が白に変わります (不透明度 15%、背景透明)。

このボタンに jQuery 効果を追加したいと思います。マウスオーバーすると、背景画像がゆっくりと変化します。そしてゆっくりと白くなっていきます。

私はこれを試しています。背景画像は変化しますが、ゆっくりではありません。