[解決済み] javascriptから画像を読み込む

質問

私のアルバムスライドショーのページで、私は次のようなコードを持っています。

<span style="display:none;">
   <img id="id1" src="~$imageUrl`" onload="javascript:showImage();">
</span>

<span>
    // show loader.
</span>

で showImage() そのため、画像を表示し、ローダーを非表示にしています。

さて、ユーザーが次をクリックしたときに、画像のsrcを変更する必要があります。画像が読み込まれたときだけsrcを設定する方法がわからないのですが。

どのように解決するのですか？

を追加すればいいのです。 img 要素で入れ替えます。 onload イベントを使用します。

または、1つの画像要素を使用し、javascriptを使用するようにします。

var _img = document.getElementById('id1');
var newImg = new Image;
newImg.onload = function() {
    _img.src = this.src;
}
newImg.src = 'http://whatever';

このコードは、画像をプリロードし、準備ができたら表示するものです。