我们都知道大的图片加载会导致页面卡顿,所以有些地方需要显示缩略图,点击显示大图之后再去加载图片,那怎么显示缩略图呢?
我们的图片是放在阿里云oss上的,阿里云是提供缩略图服务的,只需要在你的图片地址后面加上参数就ok啦。
比如这样:
background-image: url("阿里云图片地址?x-oss-process=image/resize,m_fill,h_200,w_200");
<img src="阿里云图片地址?x-oss-process=image/resize,m_fill,h_200,w_200" />
h_后面的数字是高度,w_后面的是宽度,单位是px。
需要大图的时候就把不加参数的地址赋值给一个img标签的src。