Выводим случайную картинку при обновлении страницы
Сегодня поговорим как вывести случайную картинку или файл из группы одинаковых элементов.
На примере: на одном из последних сайтов, который делался клиенту, было необходимо в шапке выводить при обновлении страницы одну из 3 шапок случайным образом.
Можно было бы использовать вот такую штуку Ротатор баннеров при помощи небольшого кода, но у нас одинаковые элементы, которые можно спокойно переименовать. В связи с этим я использовал стандартную функцию php echo(rand(1,5));
.
По итогу достаточно было вставить такое:
Используется стандартный тег HTML для изображений, а вместо цифр в названии изображений стоит функция echo(rand(1,5));
. Т.е. у меня имеется 5 картинок с названиями ferrari_1.jpg, ferrari_2.jpg, ferrari_3.jpg и т.д. Именно в этих названиях я и подменил цифру в функцию.
Смотрите пример ниже (пообновляйте страницу пару раз, CTRL+R).
Таким образом можно случайно выводить изображение не только в шапке сайта, но и в сайдбаре, либо статьях. При этом не только изображения, но и различные файлы. Просто меняем в функции echo(rand(1,5));
цифру 5 на нужное количество файлов и радуемся.
Статья в тему:
- Как заставить работать PHP-код в виджете WordPress
- WP PHP widget — добавляем произвольный код в сайдбар
На том же сайте premierdevelopment.ru можно в ротацию поставить примеры квартиры в Климовске и других городах, чтобы пользователи больше взаимодействовали с сайтом.