怎么实现点击缩略图，然后从服务器请求对应大图(图片很多，不好一个一个地址写，命名可以有规律)

Question

就像百度图片一样，有很多缩略图，然后点击对应缩略图，就加载对应大图。应为图片很多，所以无法每个src都写一遍。图片可以按一定规律存放和命名。

如何实现？

本来想通过获取小图src值，然后再修改src值。比如img/min/1.png改成img/hd/1.png转到大图文件夹，然后图片名一样，请问可以实现吗，怎么写这代码

Answer 1

$("#imgList img").on("click",function(){var imgurl = $(this).attr("src").replace('small','big');  $("#imgBox img").attr("src",imgurl);});随机手写  希望看懂  no demo

Answer 2

解释一下  给img缩略图列表 绑定click事件   弹窗显示大图，获取当前点击的src或者大图data-src   然后设置弹窗的img的src