작은이미지 클릭하면 원본이미지 보이게 하는 방법 문의 채택완료

안녕하세요. 고수님들 도움을 부탁드리고자 이렇게 문의들 남깁니다.

제가 코딩을 구글링하면서 공부하고 있는데요.

이번에 코딩할게 있어서 구글링을 열심히 했음에도 원하는 부분을 찾지 못해서 부득이하게 이렇게 질문을 남기게 됐으니, 잘 부탁드리겠습니다.

문의내용은 

1. 웹페이지 상에서 작은 이미지를 클릭함.

2. 배경은 투명도 검정색 50%

3. 레이어노출로 큰사이즈의 이미지 보임

부연설명용 이미지 첨부해 드리니 도움 부탁드리겠습니다. 꾸벅.

http://amina.co.kr/bbs/view_image.php?fn=%2Fdata%2Feditor%2F1611%2F344c465a6070a69d9acca8dfb8e59329_1479237507_4874.png" target="_blank" class="view_image" style="box-sizing: border-box; background-image: initial; background-position: 0px 0px; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; color: rgb(0, 0, 0); text-decoration: none; cursor: pointer;">http://amina.co.kr/data/editor/1611/344c465a6070a69d9acca8dfb8e59329_1479237507_4874.png" src="http://amina.co.kr/data/editor/1611/344c465a6070a69d9acca8dfb8e59329_1479237507_4874.png" alt="344c465a6070a69d9acca8dfb8e59329_1479237507_4874.png" class="img-tag " title="344c465a6070a69d9acca8dfb8e59329_1479237507_4874.png" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; vertical-align: middle; width: auto; height: auto; max-width: 100%;">