У меня есть дерево папок:
Файл index.html в значительной степени просто ссылается на скрипты и таблицу стилей и содержит div для хранения моего содержимого. Я хочу, чтобы скрипт.js нашел все имена изображений в папке img и поместил их в список, чтобы я мог позже перебирать список и отображать изображения один за другим. Конечный результат будет по существу выглядеть как powerpoint, который непрерывно циклически перемещается по изображениям в папке img и отображает их.
Надеюсь, что это прояснит любые ваши вопросы, так что вот мои... Как бы я захватил список строк, содержащих имена изображений в папке img? Я уже знаю, как циклически перебирать список и отображать изображения, но я понятия не имею, как я буду бороться с этим списком.
Если у вас нет какой-либо интерфейсной серверной части, которая дает вам синтаксическую структуру, представляющую структуру/структуру проекта, вы не сможете использовать эту информацию или обрабатывать ее в javascript.
Если на вашем сервере имеется PHP, вы можете создать массив javascript, используя простой вывод:
<script type="text/javascript">
var imageList=[<?php
$dir='/projectdir/img/';
$files = scandir($dir);
foreach((array)$files as $file){
if($file=='.'||$file=='..') continue;
$fileList[]=$file;
}
echo "'".implode("','", $fileList)."'";
?>];
</script>
После того, как браузер imageList
это, imageList
будет содержать массив всех файлов в данной папке. Затем вы можете использовать этот массив для дальнейшей обработки/обработки.
php glob()
и json_encode()
Вам нужно будет сделать запрос ajax на серверный скрипт, который предоставит вам список файлов из произвольного каталога (это может быть опасно) или, в частности, каталог изображений (возможно, лучший способ его обработать). После того, как у вас есть список файлов со сценария на стороне сервера, вы можете использовать javascript для создания элементов изображения и добавления их в DOM, когда он будет готов к модификации.
Если вы используете PHP, вы можете использовать PHP, чтобы добавить каждое из этих изображений на страницу в нужное место, а также сохранить запрос ajax.