1

Flickr を使用して生成された動的画像の読み込み画像を表示する方法はありますか? Wacom Communityサイトに示されているように、それを行う方法を見つけましたが、機能させることができませんでした。http://blog.realmofzod.com/asynchronous-image-loading-with-jquery/のテクニックの創始者よりも簡単なものがありますか、それとも誰かがより良い説明を持っていますか?

4

2 に答える 2

1

私はこれを機能させました。YMMV:

<img src="images/blank.gif" onload="replaceImage(this, 'flickrthumbnailimageurl')"
width="75" height="75" />

そしてreplaceImage：

function replaceImage(img, replacementImage)
{
    img.onload = null;
    img.src = replacementImage;
}

blank.gif は、1x1 ピクセルの単色のグレーの画像です。基本的には、この空白の画像が読み込まれ、75x75 に拡大されます (レイアウトを維持するため)。これにより、ほとんどすぐに onload ハンドラーが起動され、画像のソースが目的の画像に変更されます。それはあなたが望む効果があります。

于 2010-01-06T23:23:09.420 に答える
0

jqueryでそれを行うことができます：

<img src="http://myimages.com/loaderImage.jpg" id="imgIdLoading" />
<img src="http://flickr.com/image.jpg" id="imgId" style="display:none;" />

$('#imgId').load(function(){
    // ... loaded
    $('#imgIdLoading').remove();
    $('#imgId').show();  
}).error(function(){
    // ... not loaded
    $(this).attr('src','/whatever/error.png');
});
于 2012-02-14T12:57:35.000 に答える