0

ユーザーがボタンをクリックすると、画像がダウンロードされます。

それらがダウンロードされている間、Safari はクエスチョン マークを表示します。

どうすればこれを取り除くことができますか?

onerror イベント リスナーを検討しましたが、これはエラーではありません。画像のダウンロードには時間がかかります。画像が指定された src にないわけではありません。

ajax 呼び出しの後、イメージ タグがページの dom に追加されています。image 要素が実際の画像へのアクセスを待機している間、この迷惑な疑問符が表示されます。

どうすればそれを取り除くことができますか?

4

4 に答える 4

3

画像が完全に読み込まれるまで、ラッピング要素を非表示にします。onload イベントを画像にフックして、完了時にラッピング要素を表示させることができます。

于 2013-02-14T18:25:05.050 に答える
2

表示する前に画像をプリロードします。

または、画像の読み込み中にプレースホルダーであるスピナーである画像を用意します。

または、ロードされるまでイメージの表示を待ちます。

于 2013-02-14T18:24:54.300 に答える
1

画像自体が読み込まれるまで待つことができます。onloadプロパティを設定する前に、画像要素を作成し、コールバックを追加しsrcます。コールバックで、画像を dom に追加できます。

于 2013-02-14T18:25:29.527 に答える
1

<img>HTML ソースコードからタグを削除します。オブジェクトとして Javascript を使用して画像を読み込みImage()ます。イメージに onload ハンドラーを追加します。これらのオンロード イメージで<img>タグを作成し、それらを DOM に挿入します。

Image image = new Image();
image.onload = function() {
     // insert image into your DOM 
}
image.src = 'yourImage.jpg';
于 2013-02-14T18:27:55.150 に答える