Как выводить случайное изображение на сайте?

Опубликовано 29 декабря 2009 года в рубрике Веб-мастерам
страницу просмотрели615 раз(а)



замена изображения и превращение, человек-волкБывают моменты, когда хочется разнообразить внешний вид своего сайта и необходима возможность замены каких-то графических элементов. Да так, чтобы это происходило автоматически, без личного участия в этом процессе.

Цели, для чего это необходимо, могут быть абсолютно разными: разнообразить дизайн сайта, привлечь посетителя к какой-то конкретной части сайта, чтобы тот обратил внимание на какую-то информацию или, чтобы увеличить заработок на сайте.

Для чего бы вам это не понадобилось, есть достаточно простой и удобный способ реализовать задуманное.

Создайте файл с разрешением .php и вставьте в него следующий код:

< ? 

  $path="/img"; //путь к каталогу картинок относительно корня сайта 

  $d=opendir($_SERVER["DOCUMENT_ROOT"].$path);
  if(!$d) exit; 

  $pics=array();
  while(false!=($n=readdir($d))){
    if(preg_match("~^[a-zA-Z0-9\-\_]+\.(jpg|gif|png)$~i",$n)){
      $pics[]=$n;
    }
  }
  closedir($d); 

  $x=rand(0,count($pics)-1);
  $pic=$pics[$x]; 

  header("Location: $path/$pic");
  exit; 

?>

Этот файл .php заливаем в корень сайта.

В шаблоне сайта, в том месте, где хотите видеть отображаемые картинки, нужно вставить вот такой код:

<img src='/img.php'"/>

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

Нажмите F5 и увидите, что при обновлении страницы будет уже другая картинка. А именно этого результата нам и нужно было достичь.

Похожие материалы:


16 Комментариев к теме
“Как выводить случайное изображение на сайте?”



  1. Снова первый))
    Найкрис, а почему картинка к посту – оборотень, мне даже жутковато стало…

    • ну, смысл приблизительно таков: был один вид элемента, стал другой, как оборотень =)

  2. офигеть у вас капча

    способ обратить внимание на рекламу потрясающий

  3. Прикольно, надо будет и себе на сайт поставить случайные изображения! Спасибо, что поделились секретом!

  4. А я не люблю когда что то делается случайно, без моего ведома. Хотя идея интересная. А сайт любит постоянство.

  5. Спасибо, что поделились прибамбасом :) Попробую попользовать.

  6. ПРикольная вообще штука! Один простой код и случайные изображения готовы! Благодарю за информацию!

  7. Очень прикольная штука! Обязательно сделаю себе на сайте! Автору спасибо!

  8. Всем пожалуйста. Рад, что информация многим пригодилась

  9. За код спасибо! Пригодиться! Куда нибудь обязательно прикручу!
    У самого сайт на ПХП! Но конкретно выводом периодическим изображений, с последующей их заменой не занимался!

  10. Хороший фокус с картинками. Обязательно установлю себе такое.

  11. картинка меняется только для меня или для всех ? Я однажды вроде так делал вконтакте :D

  12. Однозначно пригодится,спасибо что делитесь с нами своим опытом.

  13. Спасибо за полезную информацию!Обязательно возьму себе на заметку!

  14. Отлично! Я как раз это и искал :) Теперь смогу реализовать у себя на сайте. Спасибо за столь понятное описание и исходный код!

  15. Большое спасибо, я как раз искала, как бы такое сделать на сайте. А если сайт на вордпрессе, то будет работать?

(обязательно)

(обязательно)


Перед отправкой формы:
Human test by Not Captcha