Псевдо-случайное изображение через CSS-спрайт (случайное местоположение)

Question

Я хочу, чтобы изображение заголовка в моем HTML было случайным. Я достиг этого, используя файл this php, однако я хотел бы сделать что-то другое. Я хочу, чтобы случайные изображения были частью одного спрайта. Таким образом, изображения могут загружаться одновременно и пользователю не нужно будет видеть загрузку изображений при навигации на разные страницы. Я также хотел бы выбрать случайный коэффициент, т. Е. Показать эту картину 50% остальных 10% времени (если есть 6 изображений). Возможно ли это, и где начнется любитель? Является ли это лучшим способом реализации моего сценария, так что пользователь видит как можно меньше загрузки изображения?

Answer 1

У вас может быть стиль заголовка спринтера, объявленный в CSS, как обычно, а затем просто отрегулируйте xpos/ypos спрайта в html. Вы сможете переработать некоторую логику, которую вы уже имеете, и манипулировать индивидуальной вероятностью заголовка.

Я бы придерживался отдельных активов, особенно если они являются размером с google doodle. Проще расширить этот путь и, если остальная часть вашего статического контента уже кэширована, любые накладные расходы на загрузку нового изображения будут незначительными.