javascript - プログラムで HTML5 に画像を追加する

Question

私はウェブ開発の世界に不慣れです。プログラムでできる方法があるかどうか知りたいです。

• 画像を表示する
• 画像を隠す/削除する

ボタン（各アクションのボタン）をクリックしてそうする必要があります

何か案は？

Answer 1

JavaScriptを使えば簡単にできます。以下に小さな例を示します。

<p><center><button style="background:url('someImage.jpg');width:86px;height:45px"       onclick="Test()"></button></p>
<div><img id="img1"  style="visibility:hidden" src="test.jpg" width="768" height="1280" />    </div>
<script>
function Test(){
    document.getElementById('img1').style.visibility='visible';
}

可視性の値を変更hiddenして、画像を非表示にすることができます。

ここから始めるのがよいでしょう。