30no2's Blog.

一款好用的图片占位符

字数统计: 228阅读时长: 1 min
2017/11/10 Share

一款好用的图片占位符

  前端开发的时候,很多情况下素材并没有准备好,或者说需要根据网站的显示效果给客户展示需要什么样的素材图片。而这个时候,图片占位符就很好用了。
  这里介绍一个非常好用的图片占位符插件–holder。
加入图片soEasy

image
只需要引入jq和holder.js

然后再想要图片的地方按照下面这样来写

<img data-src="holder.js/300x200">

300*200表示插入图片大小,这里是单位是像素

想要换颜色等操作也是很简单的,

提供6个颜色可以选择
image

这里的颜色可以随机展示

这样我们想到好的布局,就不用为了没有图片而发愁了,当然。如果有设计图那么更好了哈。

CATALOG
  1. 1. 一款好用的图片占位符