ポップアップに画像タグがあります。このポップアップには、ユーザーがクリックした内容に応じた画像が表示されます。ポップアップが閉じられ (これはポップアップを非表示にするだけで、DOM から何も削除されません)、新しいアイテムがクリックされ、ポップアップが再表示され、画像の src 属性が新しいものに変更されます。
私が抱えている問題は、IE では、新しいイメージがダウンロードされるまで古いイメージが保持されることです。通常、これは問題にはなりませんが、画像はハンドラーへの呼び出しであり、数秒かかる場合があります。IE8 と IE9 では、src 属性を空に設定してからハンドラーに設定することで、これを修正できました。これにより、新しい画像を挿入する前に画像が正しく消去されました。
ただし、このソリューションは IE7 では機能しませんでした。空の代わりに小さなクリア gif を src として使用することを計画しています。これにより、画像がすばやく交換され、次の画像の読み込みが開始されます。ページに画像タグを追加して、ユーザーのブラウザーにキャッシュされ、画像の読み込みがほぼ瞬時になるようにします。これは良い解決策のように聞こえますか? 私が見落としている大きな欠点や警告はありますか?
それはハッキーで、もっとエレガントな方法が本当に欲しいです。