<style type="text/css">
.css_test {
text-align : center;
}
</style>
<div class="css_test">
<img src="https://t1.daumcdn.net/cfile/tistory/22366638555ABF491B" /><br>
아래 버튼을 눌러보세요.<br>
<button type="button"
onclick="j_test('https://t1.daumcdn.net/cfile/tistory/277F823454D7331836')">사진 1</button>
<button type="button"
onclick="j_test('https://t1.daumcdn.net/cfile/tistory/27210A38555ABF4229')">사진 2</button>
<button type="button"
onclick="j_test('https://t1.daumcdn.net/cfile/tistory/263EE44D55AC84AC26')">사진 3</button>
<button type="button"
onclick="j_test('https://t1.daumcdn.net/cfile/tistory/2303003354D74FB411')">사진 4</button>
<button type="button"
onclick="j_test('https://t1.daumcdn.net/cfile/tistory/2406AE3354D74FB50A')">사진 5</button>
</div>
<script type="text/javascript">
function j_test(src){
$('.css_test img')
.attr('src', src);
}
</script>