モーダル画像ギャラリーを構築しました。ユーザーが次をクリックして次の画像を表示すると、次のようなものが実行されます。
document.getElementById('gallery-image').src = newSRC;
私の問題は、ユーザーが画像が実際に変更される場所の横をクリックしてから遅延があることです。(新しいイメージが読み込まれるため)。ユーザーが次にクリックした瞬間に画像要素を「空」にしたい。私はこれをやってみました:
document.getElementById('gallery-image').src = '';
setTimeout(function(){
document.getElementById('gallery-image').src = newSRC;
}, 100);
無駄に。新しい画像の読み込みが開始されるまで IMG 要素を「空にする」にはどうすればよいですか?