с пхп немного разобрался, переписал бэк:
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="base.css">
</head>
<body>
<?php
$all = array();
$dir = './img';
$files = scandir($dir);
foreach($files as $f) {
if (preg_match("/image|video/",mime_content_type($dir.'/'.$f))){
array_push($all,$f);
}
}
?>
<div id="slideshow-container"></div>
<script>
let slideshow = {
container: '#slideshow-container',
media: <?php echo json_encode($all);?>,
folder: '',
autoplay: 'no',
endless: 'yes'
}
</script>
<script src="slideshow.js"></script>
</body>
</html>
скрипт видит массив, считает количество картинок, но не выводит их, пишет: Error loading image
проблема как я понимаю в путях, но с JS у меня совсем плохо...