out.jpgほぼ毎秒更新される画像があります。画像を HTML ファイルで表示し、常に最新の状態にしたい。私の最初の解決策は、0.5 秒ごとに画像をリロードすることでした。これは問題なく機能しましたが、読み込み中に画像が 1 秒間白くちらつきました。
解決策はありますか？
これを修正するために私が試みたのは、画像を別の非表示<img>タグにロードしてから、可視<img>タグにロードし、キャッシュから開いてちらつきをなくすことでした。これは一部の時間は機能しましたが、多くの場合out.jpg、隠しタグがロードされ、可視タグがロードされた時点から変更され、ちらつきが発生しました。
画像をどのように読み込んでいますか？
おそらく、いくつかのプリロード手法が必要です。jqueryで画像を作成し、それにload（）イベントをバインドできます。そのイベントが発生した場合にのみ、HTML内の画像のimg.srcを交換します
これは私がそれを行う方法です: 非表示の div でロードを行います。その画像にイベントを配置して、完全に読み込まれるたびに、別の img タグの src として、または の背景としても設定されるようにします。
次に、イメージが完全にロードされてから0.5 ～ 1 秒だけカウントダウンするようにします。これにより、インターネット接続が遅いユーザー (または同時ダウンロードが少ないユーザー) が新しいイメージを何度も再ロードすることはありません。