0

小さな画像のリストがあります。クリックすると、サーバーからコンテンツをロードするために ajax 呼び出しが行われます。数秒かかるので、既存の画像の上に ajax 読み込みアイコン オーバーレイを配置し、同時にサムメールをグレー表示して、何かが読み込まれていることを示したいと考えています。

画像の真ん中に ajax アイコンを重ねる最良の方法は何ですか? 私はこのようなもので画像の隣に置くことができることを知っています(画像をクリックすると):

var spinner = $("<img src='/Content/images/ajax-loader.gif' />").insertAfter(this);

しかし、上記のコードにより他のすべての画像が移動し、少しずれて見えるため、画像の上 (およびグレーアウト) と横に配置したいと考えています。

4

1 に答える 1

1

この小さな jquery プラグインにラップされたspin.jsを使用します。

だから私はただやる：

$el = $("#el");  // cache element fo further reference

$el.spin();      // put spinner in the middle of selected element.

// do your stuff...

$el.spin(false); // dismiss spinner.

ここでライブをご覧ください。

于 2012-09-22T11:59:36.357 に答える