php - 使用 jQuery 幻灯片从文件夹中获取图像

Question

我的 Jquery 幻灯片脚本看起来像这样

  $(function() {
    $('#bg').crossSlide({
      sleep: 3,
      shuffle: true,
      fade: 1
    }, [
  { src: 'core/design/images/bgs/1.jpg'},
  { src: 'core/design/images/bgs/2.jpg'},
  { src: 'core/design/images/bgs/3.jpg'},
  { src: 'core/design/images/bgs/4.jpg'}
    ])
  });

如您所见，我一张一张地声明了图像的路径。有什么方法可以扫描文件夹中的图像并一次添加所有图像。也许，它可以用 PHP 来完成？

Answer 1

Javascript 做不到。但是使用嵌入式服务器端代码应该是可能的(比如 PHP)。这是一个 php 示例。

存在一个名为 glob 的函数，这可能适合您的目的。这是一个如何使用它的示例。

$path = <absolute path for the folder where images are located>
$images = glob($path.'/*.jpg') // this returns an array of file names only doesnt contain the path

现在你有了 php 中的数组列表。你必须开始在 javascript 中使用它

$(function() {
$('#bg').crossSlide({
  sleep: 3,
  shuffle: true,
  fade: 1
}, [
<?php foreach($images as $filename){ ?>
    { src: 'core/design/images/bgs/<?php echo $filename.jpg ?>'},
<? } ?>

    ])
  });