通過CSS-sprite（隨機位置）的僞隨機圖像

Question

我想要在我的HTML中的標題圖像是隨機的。我已經通過使用this php文件完成了這項工作，但是我想要做一些不同的事情。我想讓隨機圖像成爲一個精靈的一部分。這樣，圖像可以同時加載，並且用戶在瀏覽不同頁面時不必看到圖像加載。我還想選擇隨機因子，即將這張圖片顯示爲50％，其他10％的時間（如果有6張圖片）。這甚至可能，業餘愛好者會從哪裏開始？這是實現我的方案的最佳方式，以便用戶儘可能少地看到圖像負載？

Answer 1

您可以像在平時一樣在CSS中聲明sprited頭風格，然後在-html中簡單調整sprite的xpos/ypos。你將能夠回收你已有的一些邏輯並操縱單個頭部概率。

雖然我會堅持個人資產，尤其是如果他們是谷歌塗鴉的大小。更容易擴展這種方式，假設其他靜態內容已被緩存，下載新映像的開銷可以忽略不計。