javascriptで外付け写真を読み込む

Question

JavaScriptで画像オブジェクトの画像ソースを設定しようとしています。

私はこの問題は、それは、SRCを変更しようだということですが、ページが読み込まれたときにイメージがロードされなかった場合、それは動作しません

<img src="" id="image" alt=""> 
<p id="change">Change</p> 

$("#change").click(function() { 
    $("#image").attr("src", "some source"); 
}); 

を試してみました。だから私は突然Stackoverflowのロゴに変更することはできません。これは本当ですか？どのようにソースを変更しながらイメージを読み込むことができますか？

Answer 1

私は数週間前にこれに似た問題がありました。私が問題を解決する最も簡単な方法は、必要な画像をすべて読み込んで、必要のない画像をすべて非表示にすることでした。次に、変更を引き起こすアクションがトリガーされると、消えたいものと表示したいものの画像の表示を変更することができます。 jQueryの

経由

がインストールブートストラップされている場合、それはクラスの追加と削除のと同じくらい簡単です

HTML

<img src="" id="image1" alt=""> 
<img src="" id="image2" alt="" class="hidden"> 
<p id="change">Change</p> 

Javascriptを

$("#change").click(function() { 
    $('#image1').addClass('hidden'); 
    $('#image2').removeClass('hidden'); 
});