Помогите пожалуйста! Как можно сделать так, чтобы при обновлении страницы или ее загрузке выводился рандомный стиль, который я установлю. Код (Text): .header_newyear { background-image:url(путь к картинке); } .header_newyear2{ background-image:url(путь к картинке); } .header_newyear3 { background-image:url(путь к картинке); } .header_newyear4 { background-image:url(путь к картинке); } .header_newyear5 { background-image:url(путь к картинке); } И мне нужно, чтобы он рандомно брался. А как сделать не знаю(. Поискал - ничего действенного не нашел в инете( Помогите, кто знает. С помощью php может как-то можно сделать? Если можно без php то напишите как - буду очень благодарен!
PHP: <?php $newyear= array('header_newyear', 'header_newyear2', 'header_newyear3', 'header_newyear4', 'header_newyear5'); ?> <div class="<?=$newyear[mt_rand(0,count($newyear)-1)]?>"> <!-- html --> </div>
@lastdays глупости какие. Зачем нагружать лишней работой сервер. Если это можно сделать на js. --- Добавлено --- Код (Javascript): <script> var arr = [ 'header_newyear', 'header_newyear2', 'header_newyear3', 'header_newyear4', 'header_newyear5' ]; function randomInteger(min, max) { var rand = min - 0.5 + Math.random() * (max - min + 1) rand = Math.round(rand); return rand; } console.log(arr[randomInteger(0, arr.length - 1)]); </script>
спасибо большое! Метод оказался действенным. Ниже js написали, но он что-то не сработал. Но это уже не суть важно. Еще раз огромнешее спасибо!!
Я не думаю что из-за этих двух строк особо нагрузит сервер Блин, ей-богу, порой смешно. Можно и на js написать, какая к черту разница) На крайний случай можно закешировать класс-лого и раз в 2 мин обновлять)
Ну если ты просто скопировал то конечно не сработал. Надо было чуть голову включить и всё бы сработало. Это я тебе в консоль твои классы вывел! А тебе нужно методом jquery например: addClass; Подставить к определённому div.