프로그래밍 방식으로 HTML5에 이미지 추가

Question

웹 개발 세계에 처음 왔으므로 프로그래밍 방식으로 사용할 수 있는지 알고 싶습니다.

• 디스플레이 이미지
• 숨기기/

가 나는 버튼 (각 작업에 대한 버튼)

어떤 아이디어를 클릭하여 그렇게 할 필요가 이미지를 삭제 하시겠습니까?

Answer 1

자바 스크립트를 사용하면 쉽게 할 수 있습니다. 여기에 작은 예입니다 : 당신은 이미지를 숨길 수 hidden 가시성의 값을 변경할 수 있습니다

<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'; 
} 

.

This can be a good place for you to start!