Intro
在做網頁設計的 Mockup 時，有時候會需要一些 image placeholder，這次介紹的是 lorempixel.com 的 placeholder, 不用引入js、直接把類api的網址放入 img tag 的 src attribute 即可。Basic
最基本的用法可依序傳入長、寬，或是在長、寬前指定灰階：Example - 長、寬都是200，左邊彩色、右邊灰階
Category
再來可以指定類別、或是傳入1~10指定該類別的圖片：Example - 長、寬都是200，左邊是隨機、抽象，右邊是抽象的第 2 張圖
而可用的類別有下列幾種－
- abstract
- animals
- business
- cats
- city
- food
- night
- life
- fashion
- people
- nature
- sports
- technics
- transport
Text Overlay
可以在圖上固定位置疊上簡單的文字，測試過不能打中文，正、反斜線也不能打：Example - 長、寬都是200，左邊是隨機people的圖片並疊上文字，右邊是指定people類別的第 3 張圖並疊上文字
Conclusion
雖然這個 placeholder 很方便，但是使用錯誤的時候沒有足夠的提示（或機制），像我自己在測試的時候，亂給參數、或給不允許字元（像中文），有時候有給全黑的圖片、有時候則是直接跳 object error。不過即便如此，對於基本的圖片需求還是很足夠的。Reference
- lorempixel: lorempixel.com
