<style type="text/css">
.css_test {
text-align : center;
}
</style>
<div class="css_test">
<img src="https://t1.daumcdn.net/cfile/tistory/2501343354D74FB514" /><br>
아래 버튼을 눌러보세요.<br>
<button type="button"
onclick="j_test('https://t1.daumcdn.net/cfile/tistory/216CB14B550B9B3812')">사진 1</button>
<button type="button"
onclick="j_test('https://t1.daumcdn.net/cfile/tistory/2515ED4854D735161E')">사진 2</button>
<button type="button"
onclick="j_test('https://t1.daumcdn.net/cfile/tistory/27165B4854D735151D')">사진 3</button>
<button type="button"
onclick="j_test('https://t1.daumcdn.net/cfile/tistory/267B673354D74FB31C')">사진 4</button>
<button type="button"
onclick="j_test('https://t1.daumcdn.net/cfile/tistory/2338433D552F50A40F')">사진 5</button>
</div>
<script type="text/javascript">
function j_test(src){
$('.css_test img')
.attr('src', src);
}
</script>