css - 通过 CSS-sprite 的伪随机图像(随机位置)

Question

我希望我的 HTML 中的标题图像是随机的。我通过使用 this 完成了这个php 文件，但是我想做一些不同的事情。我想让随机图像成为一个 Sprite 的一部分。这样图像就可以同时加载，用户在导航到不同页面时不必看到图像加载。我还想选择随机因素，即在 10% 的时间内显示 50% 的这张图片(如果有 6 张图片)。这甚至可能吗？业余爱好者会从哪里开始？这是实现我的方案以便用户看到尽可能少的图像加载的最佳方式吗？

Answer 1

您可以像往常一样在 CSS 中声明 sprite 标题样式，然后只需在 html 中调整 sprite 的 xpos/ypos。您将能够回收一​​些已有的逻辑并操纵单个 header 概率。

不过，我会坚持使用单个 Assets ，尤其是当它们的大小与谷歌涂鸦一样大时。以这种方式更容易扩展，并且假设您的其余静态内容已被缓存，下载新图像的任何开销都可以忽略不计。