<style type="text/css">
.css_test {
text-align : center;
}
</style>
<div class="css_test">
<img src="https://t1.daumcdn.net/cfile/tistory/2515ED4854D735161E" /><br>
아래 버튼을 눌러보세요.<br>
<button type="button"
onclick="j_test('https://t1.daumcdn.net/cfile/tistory/216F4139550B923E33')">사진 1</button>
<button type="button"
onclick="j_test('https://t1.daumcdn.net/cfile/tistory/26428A38550B92391B')">사진 2</button>
<button type="button"
onclick="j_test('https://t1.daumcdn.net/cfile/tistory/264E5438555ABF490A')">사진 3</button>
<button type="button"
onclick="j_test('https://t1.daumcdn.net/cfile/tistory/267D3750550B9B3D0D')">사진 4</button>
<button type="button"
onclick="j_test('https://t1.daumcdn.net/cfile/tistory/26138D4854D7351522')">사진 5</button>
</div>
<script type="text/javascript">
function j_test(src){
$('.css_test img')
.attr('src', src);
}
</script>