<style>
li { list-style: none; display: inline-block; }
li img { width: 100px; }
</style>
<script src="http://code.jquery.com/jquery-2.2.4.min.js"></script>
<script>
$(function() {
$(".interior img").on("mouseover", function() {
$("#interior img").attr("src", $(this).attr("src"));
});
});
</script>
<ul class="interior">
<li><img src="http://www.gooseulhambak.com/images/franchise/interior_0201.jpg"></li>
<li><img src="http://www.gooseulhambak.com/images/franchise/interior_0202.jpg"></li>
<li><img src="http://www.gooseulhambak.com/images/franchise/interior_0203.jpg"></li>
</ul>
<div id="interior"><img src="http://www.gooseulhambak.com/images/franchise/interior_0201.jpg"></div>