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

Question

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

Answer 1

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

我会坚持使用个人资产，特别是如果它们是谷歌涂鸦的大小。更容易扩展，并且假设其余的静态内容已经被缓存，下载新图像的任何开销都可以忽略不计。