📜  随机图片 url - Html (1)

📅  最后修改于: 2023-12-03 14:58:41.056000             🧑  作者: Mango

随机图片 URL - HTML

在网站开发中,经常需要使用随机图片来填充网页内容,或者用于测试等用途。通过使用随机图片 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="随机图片">