2011-07-11 16 views
8

イメージを表示する必要があるページを持つWebサイトを作成しています。このイメージは、クエリー・ストリング・コマンドを使ってHttpHandlerによって作成されたものですが、どのようにちらつきを起こさずにこれを動作させることができますか?ちらつきのないイメージを更新するC#

ありがとうございました。いくつかのコードが必要な場合は、私はそれを共有して幸せ!

+0

「ちらつき」とはどういう意味ですか?画像はAJAXごとに更新され、新しい画像にスムーズに移行する必要がありますか、完全なページが再ロードされていますか? – ChrFin

+0

はい、まさに私が削除したいと思っている瞬間があります。しばらくの間、イメージは空であり、新しいイメージで満たされます。私はUpdatePanelの中​​にすべてを置いています。イメージと他のコントロールはオートポストバックを引き起こしますが、スムーズな移行が起こる前に私はそれを思い出します。 – JasonMenny

答えて

1

私は同様の問題があったプロジェクトに次のコードを使用しました。おそらくこれがあなたの問題を解決するのに役立つかもしれません。

(function($) { 
    var cache = []; 
    // Arguments are image paths relative to the current page. 
    $.preLoadImages = function() { 
    var args_len = arguments.length; 
    for (var i = args_len; i--;) { 
     var cacheImage = document.createElement('img'); 
     cacheImage.src = arguments[i]; 
     cache.push(cacheImage); 
    } 
    } 
})(jQuery) 

画像をプリロードした後の遷移は非常にスムーズでした。

p.s.私はどこにこれがあるのか​​覚えていないので、私は信用できない。ごめんなさい。

+1

問題は、自分のページをリッスンしているhttphandlerが自分のイメージを生成していることです。そのため、httphandlerは、 。私は、新しいイメージが準備されているときに正しい瞬間を傍受し、ちらつきを避けるために何かをするべきです... – JasonMenny

3

あなたは2つのUpdatePanelsを使用し、各「リロード」の後にそれらを切り替えることができます:

ロードFRAME1パネル1へとAJAXあたりPanel2に、画像がショーのロードされた後にポストバック/ Pageload
ロードフレーム2でPanel2を隠します
ロードフレーム3 AJAXあたりのパネル1へとイメージの後Panel2と非表示パネル1は

あなたはその後、EV可能性が....ショーパネル1ロードとPanel2阿蘇
を隠していますJSを使用してPanel1→Panel2からスムーズにフェードアウトします(HERE以上、jQuery fadeIn()およびfadeOut()を参照)。

+1

さて、私は後で試してみます。スムーズなファインドのjsコードに関する情報をもっとくれてくれますか? – JasonMenny

+0

@Jason:私の編集内のリンクを参照してください... – ChrFin

関連する問題