Случайное фоновое изображение через внешний файл CSS

Question

Мне нужно изменить фоновое изображение класса случайным образом с помощью внешнего файла CSS. Изображение должно выбираться случайным образом из пути определения.

Я знаю, как справиться с этим в php, я должен реализовать его во внешнем файле css.

ищет любой трюк css.

вот свойства класса css.

.birthday 
{ 
    background:url(../images/Bday.jpg) no-repeat center; 
    font: bold 25px "trebuchet ms", Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    color: #930204; 
    padding: 25px 0px 0px 200px; 
    height: 195px; 
} 

Путь дается в соответствии с файловой структурой.

Answer 1

Это невозможно, используя pure CSS.

Также Вы можете использовать javascript для произвольного просмотра и установить фоновое изображение своего сайта.

см этот учебник ..

Randomize background image

Impossibly simple image randomize with jQuery

или

Попробуйте этот метод

На первом создать массив изображений

var images = ['img1.jpg', 'img2.jpg', 'img3.jpg', 'img4.jpg', 'img5.jpg']; 

Теперь установить случайное изображение в качестве фонового изображения:

$('body').css({'background-image': 'url(images/' + images[Math.floor(Math.random() *  images.length)] + ')'}); 

Я надеюсь, что этот код поможет для вас, спасибо ..