Ваш промокод mojWPAds на плагин рекламы для WordPress >>

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

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

На примере: на одном из последних сайтов, который делался клиенту, было необходимо в шапке выводить при обновлении страницы одну из 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/ и ридера блогов вебмастеров и SEO-специалистов WMSN.ru


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

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

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

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

    • Виталий says:
      http://mojWP.ru/

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

  2. Ирина says:
    http://batalova62.ru

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

  3. Ирина says:
    http://batalova62.ru

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

    • Виталий says:
      http://mojWP.ru/

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

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

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

© 2011-2017 | mojwp.ru | Копирование материала разрешено только с письменного согласия
WordPress: 12.16MB | MySQL:115 | 0,243sec
Лучшие плагины для сайта WordPress
Магазин WordPress WP-R.ru
Я понял, не показывай больше.
Смотри мои обучающие видео на YouTube
Сайт использует cookie
Друг, не уходи!