Адаптивный слайдер с картинками из папки?

Question

[Mesuti]

Привет!
В основном пользую 2 слайдера OwlCarousel и Slick J.
Там структура слайда:

<div>1-image.jpg</div>
<div>2-image.jpg</div>
<div>3-image.jpg</div>

Как сделать автоматическую подстановку картинок из конкретной папки?
Ато вручную дивы писать неудобно)

Я так понимаю, нужно массив на php писать ?
А проще нельзя сделать?

Answer 1

[Stalker_RED]

$fienames = glob('/foo/bar/*.jpg');
foreach ($filenames as $filename) {
  echo "<div>$filename</div>";
}

php.net/manual/ru/function.glob.php

Comments

[Mesuti]

Это нужно создать несколько дивов и внутри прописать данный php код?

[Mesuti]

или он по порядку сделает ровно столько дивов, сколько есть картинок?

[Павел Корнилов]

Сделает столько, сколько элементов будет в возвращенном массиве (читай - файлов изображений в директории).

Крутая функция! К стыду - не знал о ней.

[Mesuti]

KorniloFF, подскажите, пожалуйста, где может быть ошибка? код белый и не работает

[Stalker_RED]

Александр Сорокин, включите отображение ошибок, или смотрите в error log.
Очень похоже, что путь неправильный, вряд ли у вас в корне ФС есть папка slick

Answer 2

[Maksym Blank]

Можно выполнить это на стороне клиента, а не сервера.
for (i=0; i<3;i++) {
var img = document.createElement("img”);
img.src = "images/image" + i + ".png";
img.width = "150";
img.height = "150";
document.getElementById("templates").appendChild(img);
};

Comments

[Mesuti]

Загрузятся фотографии из папки на сервере?
JS умеет работать в файловой системе сервера?

[Maksym Blank]

Александр Сорокин, да, ты просто можешь создать много тэгов с тэгами img внутри и указать им ссылки со своего сервера, папки image например. Плюсы этого способов в том что ты можешь автоматически подгружать картинки без перезагрузки страницы.
P.s. Не забудь поставить загрузку картинок на событие window.onload

[Mesuti]

Blockchain, спасибо!

[Stalker_RED]

Но это сработает только если номера картинок по порядку. И скрипт откуда-то должен знать сколько картинок всего.