mojwp.ru
Услуги по доработке ваших сайтов >>
Назад

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

Опубликовано: 04.01.2015
7
180

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

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

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

Внимание! Я выпустил новую тему Romb для ваших статейников и блогов. Максимально быстрая по Google PageSpeed и максимальная оптимизация под SEO.

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

Используется стандартный тег 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 можно в ротацию поставить примеры квартиры в Климовске и других городах, чтобы пользователи больше взаимодействовали с сайтом.

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

Давай, оцени статью!

Автор:
Виталий
Поделиться
Похожие записи
Комментарии:
  • Денис Тумилович
    Опубликовано: 04.01.2015 Ответить на сообщение

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

    • Виталий
      Опубликовано: 04.01.2015 Ответить на сообщение

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

  • Ирина
    Опубликовано: 04.01.2015 Ответить на сообщение

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

  • Ирина
    Опубликовано: 04.01.2015 Ответить на сообщение

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

    • Виталий
      Опубликовано: 04.01.2015 Ответить на сообщение

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

  • Светлана
    Опубликовано: 29.11.2018 Ответить на сообщение

    А как сделать "путь_до_группы_изображений/ferrari"?
    Хочу в блог на wix добавить рандомные картинки

  • Дмитрий
    Опубликовано: 05.01.2019 Ответить на сообщение

    Ты конченный идиот. Во первых без массива тут ничего не сделать это раз! Во вторых функция rand идет с 0 как и все объекты в программировании а не 1,5! У тебя она даже не работает, да и вывод без explode тут не возможен, html не поймет что это цифры а первое это текст

Имя
Укажите своё имя и фамилию
E-mail
Без СПАМа, обещаем
Текст сообщения
Отправляя данную форму, вы соглашаетесь с политикой конфиденциальности и правилами нашего сайта.