📅  最后修改于: 2023-12-03 14:58:41.056000             🧑  作者: Mango
在网站开发中,经常需要使用随机图片来填充网页内容,或者用于测试等用途。通过使用随机图片 URL,可以轻松地实现这个需求。
随机图片 URL 可以在每次访问时生成一张不同的随机图片,让网页更加有趣和丰富。
在 HTML 中,可以使用以下方式来实现随机图片 URL:
<img src="https://source.unsplash.com/random">
其中,https://source.unsplash.com/random
就是一个随机图片 URL。这个 URL 可以生成一张尺寸为 1080x720 的随机图片。
如果要生成其他尺寸的随机图片,可以在 URL 后面追加尺寸参数,例如:
https://source.unsplash.com/random/800x600
:生成一张尺寸为 800x600 的随机图片。https://source.unsplash.com/random/200x200
:生成一张尺寸为 200x200 的随机图片。此外,随机图片 URL 还支持其他参数来控制图片的生成,包括:
https://source.unsplash.com/random/?nature
:生成一张与自然相关的随机图片。https://source.unsplash.com/random/?people
:生成一张与人物相关的随机图片。https://source.unsplash.com/random/?technology
:生成一张与科技相关的随机图片。更多参数可以参考 Unsplash API 文档。
以下是一个示例代码片段:
<!-- 生成一张随机的自然景象图片 -->
<img src="https://source.unsplash.com/random/?nature" alt="随机图片">
返回的 markdown 格式如下:
```html
<!-- 生成一张随机的自然景象图片 -->
<img src="https://source.unsplash.com/random/?nature" alt="随机图片">