1

私のサイトのホームページには、かなり大きな画像の商品をたくさん表示したいと思います。現在、ページの読み込みに時間がかかりすぎて、実際にはタイムアウトになり、ページが表示されません。

MVC、または一般的なASP.NETで、画像を非同期で読み込むにはどうすればよいですか?基本的に私がやりたいのは、製品の詳細を表示し、ajaxload.infoなどの小さな読み込み画像を表示することです。画像が読み込まれるまで。

これにはjavascript/jQueryが必要になると思います...

4

2 に答える 2

7
<img src="ajax-loader.gif" onload="this.onload=null;this.src='bigimage.png';" />

または、目立たないようにする場合:

<img src="ajax-loader.gif" id="myimg" />

その後:

$(function() {
    $('#myimg').load(function() {
        $(this).unbind('load');
        this.src = 'bigimage.png';
    });
});
于 2010-07-27T18:39:45.763 に答える
2

まず、画像のサイズが大きくなく、ページに適したサイズに単純に拡大縮小されていることを確認する価値があります。読み込み時間を可能な限り長くするには、画像を表示する正確なサイズ(72dpi以下)にする必要があります。ほとんどの場合、画像は最初にフェッチされた後にキャッシュされるため、1回限りのコストで済みます。

url私はあなたのAJAXリクエストの画像にのみ戻る傾向があります。実際、必ずしもAJAXリクエストにする必要はありません。画像を含む文字列のJavaScript配列を送信し、ユーザーが画像の特定のプレースホルダーにカーソルを合わせるとurls、新しいImage要素(または同様の要素)を作成できます。

うまくいけば、それはあなたにいくつかのアイデアを与えました!

于 2010-07-27T18:43:47.590 に答える