Вывести рандомную картинку

[Galyanoff]

Здравствуйте.

Подскажите кто знает, как можно сделать такое.

Есть папка с картинками одного размера штук 100.

Надо на странице к записи выводить случайную картинку из этой папки.

 

Буду очень признателен за помощь.

Edited June 19, 2014 by Galyanoff

[afdw]

На Windows: зайдите в папку, выделите все картинки, щёлкните на любой "переименовать" и введите "img". Папку назовите "imgs" поместите в корень на сервер и вставьте в HTML:

<img id="random">

В JS:

window.onload = function(){document.getElementById("random").src = "/imgs/img (" + Math.round(Math.random() * 100) + ")";}

[Galyanoff]

Спасибо большое!

 

Но есть один нюанс.

Если на странице больше одной записи, то картинка присваивается только первой записи, у последущих картинки нет.

Я думаю это потому, что присвоен id="random", а правильней будет class="random", ибо элемент с id на странице может быть только один.

Как в скрипте изменить, чтобы был class ?

document.getElementByClass("random")

так правильно будет?

 

upd.

 

Нет, так не работает(

Как же все таки класс присвоить вместо id ?

Edited June 20, 2014 by Galyanoff

[Galaxy]

document.getElementByClass('random').forEach(function(item){

item.src = "/imgs/img (" + Math.round(Math.random() * 100) + ")";

})

ну и анлоад конечно

[Galyanoff]

Не выводит так картинки, в коде даже src у тега img нет.

<script>window.onload = function(){document.getElementByClass('random').forEach(function(item){item.src = "/imgs/img (" + Math.round(Math.random() * 250) + ").jpg";})}</script>

[rus]

это называется ротатор картинок.

[Galyanoff]

это называется ротатор картинок.

 

Нет, мне не нужен ротатор.

Мне надо чтоб при формировании страницы, в записи выводилось рандомное изображение, которое не должно ротироваться, а должно просто висеть не изменяясь.

[LunatiK]

Раздел всётаки «серверные технологии» и по сему:

<?phpfunction random_img($path_to_img_folder) {    $full_path = $_SERVER['DOCUMENT_ROOT'].$path_to_img_folder."*.jpg"; //полный путь на сервере к дериктории с jpg файлам    $images_path = glob($full_path); //Получаем массив с картинками     shuffle($images_path); //Перемешиваем    $img_path = str_replace($_SERVER['DOCUMENT_ROOT'], '', $images_path[0]); //Берём первый элемент , приводим к нужному виду с путём от корня сервера        return '<img src='.$img_path.'>'; //Выплёвываем}Echo random_img("/htmlbook/img/"); //Выводим в нужном месте#Коечно при желании можно доработать чтоб подставлял и размеры изображения, #и получал не только jpg, но и вообще изображения, и не только в указанном регистре#Но суть такова

[Galyanoff]

Раздел всётаки «серверные технологии» и по сему:

 

Спасибо, но у меня с этим кодом просто белая страница вместо сайта.

 

И вопрос, вот тут что за путь писать надо?

Echo random_img("/htmlbook/img/"); //Выводим в нужном месте

[LunatiK]

Путь к папке с картинками относительно корня сервера

[Galyanoff]

Путь к папке с картинками относительно корня сервера

 

Посмотрите пожалуйста, в тех ли местах я внес изменения?

Путь до папки я привожу условно:

<?phpfunction random_img($path_to_img_folder) {    $full_path = $_SERVER['DOCUMENT_ROOT']./полный-путь-до-папки-с-картинками/."*.jpg"; //полный путь на сервере к дериктории с jpg файлам    $images_path = glob($full_path); //Получаем массив с картинками     shuffle($images_path); //Перемешиваем    $img_path = str_replace($_SERVER['DOCUMENT_ROOT'], '', $images_path[0]); //Берём первый элемент , приводим к нужному виду с путём от корня сервера        return '<img src='.$img_path.'>'; //Выплёвываем}Echo random_img("/полный-путь-до-папки-с-картинками/"); //Выводим в нужном месте

[LunatiK]

Вот эту строчку менять не надо было:

 $full_path = $_SERVER['DOCUMENT_ROOT']./полный-путь-до-папки-с-картинками/."*.jpg"; //полный путь на сервере к дериктории с jpg файлам

[Galyanoff]

Уточнение,

Вот этот код целиком надо вставить в html код страницы, в том месте где предполагается вывести изображение?

 

Если да, то у меня не рабоатет. Те страницы где стоит этот код, открываются просто как пустая белая страница(

[LunatiK]

У меня есть подозрение что у Вас нет даже базовых знаний и представлений о php. Даже не знаю какие советы я могу Вам дать в данном случае.

1. Убедитесь что фаил в который вы вставляете данный код обрабатывается php

2. Удостоверьтесь что код обрамлён <? ?> или <?php ?>

3. Первая часть function random_img($path_to_img_folder) { ... } должна быть в начале

4. Потом в любом месте html кода Где вам надо <?php Echo random_img("/полный-путь-до-папки-с-картинками/"); ?> или <?=random_img("/полный-путь-до-папки-с-картинками/"); ?>

 

ну вот как-то так ... Хотя есть подозрение что вам этого будет не достаточно.

Но всё равно: Удачи!

[Galyanoff]

У меня есть подозрение что у Вас нет даже базовых знаний и представлений о php. Даже не знаю какие советы я могу Вам дать в данном случае.

 

Да, в php я не силен, но благодаря Вашим советам, сдвинулось с мертвой точки:

1. Файл php обрабатывается
2. Код обрамлен <? ?> или <?php ?>
3. первую часть вставил в начале страницы
4. там где надо вывести прописал вторую часть кода

В итоге страница загружается, в тех местах где должны быть картинки - пусто, значек разорванного изображения.

В коде сформированной страницы вот что

<img src="">

путь до папки с изображениями верный, проверил через php файл определяющий полный путь к скрипту

Edited June 20, 2014 by Galyanoff

[LunatiK]

по-видимому нет изображений в папке совпадающец с маской *.jpg регистр важен! , либо неправильно указана папка с изображениями

[Galyanoff]

по-видимому нет изображений в папке совпадающец с маской *.jpg регистр важен! , либо неправильно указана папка с изображениями

 

Да нет, все верно, регистр именно *jpg

 

путь тоже верный, я путь так проверяю, в корне файл php с кодом:

<?phpecho 'Document root: '.$_SERVER['DOCUMENT_ROOT'].'<br>';echo 'Полный путь к скрипту и его имя: '.$_SERVER['SCRIPT_FILENAME'].'<br>';echo 'Имя скрипта: '.$_SERVER['SCRIPT_NAME'];?>

запускаю его и копирую полный путь который выводит этот скриптик.

 

Возможно ли такое, что обработчик php на сервере другой версии и переменные не в том формате прописаны в коде?

Edited June 20, 2014 by Galyanoff

[LunatiK]

нет

[Galyanoff]

нет

 

Заработало наконец-то)

После того как вот здесь был указан такой путь:

Echo random_img("/images/"); //Выводим в нужном месте

Заметьте, не полный путь до папки на сервере, а просто путь до папки в корне сайта.

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

 

Вобщем спасибо Вам большое! Тут как то плюсовать в карму можно?

[LunatiK]

Я имел ввиду веб-сервер

от корня веб сервера, а не файловой системы

 

Карма меня не волнует.

[afdw]

window.onload = function()

{

imgs = document.getElementsByClassName("random");

for(var n = 0; n < imgs.length; n++)

{

imgs[n].src = "/imgs/img (" + Math.round(Math.random() * 100) + ")";

}

}