javascript - ボタンがクリックされたときに画像を表示する

Question

Javascript についてはよくわかりませんが、ボタンをクリックするとページに画像が表示されるスクリプトを作成したいと考えています。

例：なぞなぞがあって解けないのでヒントボタンを押すとヒントが表示されます。代わりに画像のみを使用した同じロジック。

どんな助けでも大歓迎です。

Answer 1

Javascript と jQuery を学べば簡単ですhttp://jsfiddle.net/mgs_jsfiddle/KYvJR/

<p>
   <a id="btnShow" href="#">show</a>
   <a id="btnHide" href="#">hide</a>
</p>
<p>
    <img id="img" src="doesnotexist" width="100px" height="100px" alt=""/>
</p>

$(function() {
    $("#btnShow").click(function() {
        $("#img").show();
    });
    $("#btnHide").click(function() {
        $("#img").hide();
    });

}))

Answer 2

試してみてくださいthis、これはあなたを助けます

HTML

<img style='display:none' src='http://1.bp.blogspot.com/-xJEGhPWV5x8/UMA5xJBYFRI/AAAAAAAAKu0/R9gy-wLflEQ/s200/demo.jpg'/>
<input type="button" value='click Me'/>

JS

$('input[type=button]').click(function(){
$('img').show();
});

Answer 3

あなたのための簡単な解決策。すべての画像をこのdivに配置することも、分離することもできます..

<div id="image_holder" style="display:none">
//contains images
</div>

<input type="button" name="show" id="show" onclick="show_image()" />

<script type="text/javascript">
function show_image()
{
    document.getElementById("image_holder").style.display="block";  
}
</script>