Создание изображений, видимых при нажатии кнопки

Question

Я не очень разбираюсь в Javascript, но хотел бы создать скрипт, который отображает изображение на странице при нажатии кнопки.

E.g. есть загадка, вы не можете ее решить, поэтому нажмите кнопку подсказки и появится подсказка. Та же логика только с изображениями.

Любая помощь приветствуется.

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

простой решение для u. вы можете поместить все изображения в этом 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> 

Answer 3

Попробуйте 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(); 
});