image.png
<div class="img" id="bigImg">
<img src="img/1.jpg" alt=""> //大图
</div>
<div class="imgList_bg">
<ul id="imgList">
<li>
<img src="img/1.jpg" alt="">
</li>
<li>
<img src="img/2.jpg" alt="">
</li>
<li>
<img src="img/3.jpg" alt="">
</li>
<li>
<img src="img/4.jpg" alt="">
</li>
</ul>
</div>
<script language="JavaScript" type="text/javascript">
$('#imgList li img:first').addClass('active');
$("#imgList li img").click(e => {
$("#imgList li img.active").removeClass("active");
$(e.target).addClass('active');
$("#bigImg>img").replaceWith(
$(e.target).clone()
);
});
</script>
