通过CSS-sprite（随机位置）的伪随机图像

Question

我想要在我的HTML中的标题图像是随机的。我已经通过使用this php文件完成了这项工作，但是我想要做一些不同的事情。我想让随机图像成为一个精灵的一部分。这样，图像可以同时加载，并且用户在浏览不同页面时不必看到图像加载。我还想选择随机因子，即将这张图片显示为50％，其他10％的时间（如果有6张图片）。这甚至可能，业余爱好者会从哪里开始？这是实现我的方案的最佳方式，以便用户尽可能少地看到图像负载？

Answer 1

您可以像在平时一样在CSS中声明sprited头风格，然后在-html中简单调整sprite的xpos/ypos。你将能够回收你已有的一些逻辑并操纵单个头部概率。

虽然我会坚持个人资产，尤其是如果他们是谷歌涂鸦的大小。更容易扩展这种方式，假设其他静态内容已被缓存，下载新映像的开销可以忽略不计。