Выводим случайную картинку при обновлении страницы

Сегодня поговорим как вывести случайную картинку или файл из группы одинаковых элементов.

На примере: на одном из последних сайтов, который делался клиенту, было необходимо в шапке выводить при обновлении страницы одну из 3 шапок случайным образом.

Можно было бы использовать вот такую штуку Ротатор баннеров при помощи небольшого кода, но у нас одинаковые элементы, которые можно спокойно переименовать. В связи с этим я использовал стандартную функцию php echo(rand(1,5));.

По итогу достаточно было вставить такое:

<img src="http://путь_до_группы_изображений/ferrari_<?php echo(rand(1,5)); ?>.jpg" width="ширина" height="высота" alt="текст" />

Используется стандартный тег HTML для изображений, а вместо цифр в названии изображений стоит функция echo(rand(1,5));. Т.е. у меня имеется 5 картинок с названиями ferrari_1.jpg, ferrari_2.jpg, ferrari_3.jpg и т.д. Именно в этих названиях я и подменил цифру в функцию.

Смотрите пример ниже (пообновляйте страницу пару раз, CTRL+R).

Ferrari

Таким образом можно случайно выводить изображение не только в шапке сайта, но и в сайдбаре, либо статьях. При этом не только изображения, но и различные файлы. Просто меняем в функции echo(rand(1,5)); цифру 5 на нужное количество файлов и радуемся.

Статья в тему:

На том же сайте premierdevelopment.ru можно в ротацию поставить примеры квартиры в Климовске и других городах, чтобы пользователи больше взаимодействовали с сайтом.

Привет. Меня зовут Виталик и я автор этого блога, а так же Магазина WordPress https://wp-r.ru/.

Отблагодарить Z888279575784 R109400923968 или ЯД 41001651742138

Оказываю услуги по созданию и настройке сайтов на WordPress (верстка, натяжка).

Мои Контакты. Я в Twitter @mojWP. Смотри на Youtube. Читай RSS блога.

Опубликовано 5 комментариев
  1. Денис Тумилович (9 комм.):
    http://in4wp.ru

    Вопрос может не по теме, но все-таки.
    Как выводить миниатюру одного размера в списке постов (на главной) , а миниатюру другого размера на странице поста?

    • Виталий (1674 комм.):
      http://mojWP.ru/

      Читайте как выводить миниатюры. В функции непосредственного вывода указывается размер.

  2. Ирина (5 комм.):
    http://batalova62.ru

    Виталий, я обновила страницу 4 раза, а картинка так и не поменялась. Видно только красный автомобиль.

  3. Ирина (5 комм.):
    http://batalova62.ru

    А вот после того, как оставила комментарий, картинка изменилась, и красный автомобиль уже припарковался к обочине! 😉

    • Виталий (1674 комм.):
      http://mojWP.ru/

      Потому что только 3 картинки для примера. Чем больше картинок, тем чаще меняется. Это случайным образом и я не имею влияния на частотность.

Не держи в себе. Выскажись.

Ваш e-mail не будет опубликован. Обязательные поля помечены *

© 2011-2016 | mojwp.ru | Копирование материала разрешено только с письменного согласия
WordPress: 12.47MB | MySQL:65 | 0,417sec
Премиальные плагины для CMS WordPress
Магазин WordPress WP-R.ru
Спасибо, не показывайте мне эту штуку больше!
Смотри мои обучающие видео на YouTube
Иван только что купил плагин ELT
https://wp-r.ru/plaginy/elt.html