Javascript 将链接的php数组输出到jQuery backstretch时出现问题

我正在使用jQuery在页面上加载图库。我现在正试图让画廊从通过上传的内容中提取图像

下面是带有硬编码图像链接的工作脚本。我所做的只是将一组指向图像的链接传递给backstretch，其余的工作由它完成：

jQuery(document).ready(function($){
  $('#main').backstretch([
      "wp-content/themes/themename/assets/graphics/image1.jpg",
      "wp-content/themes/themename/assets/graphics/image2.jpg",
      "wp-content/themes/themename/assets/graphics/image3.jpg",
      "wp-content/themes/themename/assets/graphics/image4.jpg",
    ], {
    fade: 1000,
    duration: 7000
  });
});

下面是我试图用从自定义元中提取的图像替换硬编码图像的尝试。php函数输出从自定义元中提取的链接数组：

jQuery(document).ready(function($){
  $('#main').backstretch([
      "<?php $images = rwmb_meta( 'jb_meta_page_bkg_img', 'type=image_advanced' );
        foreach ( $images as $image ) {
          echo $image['full_url'];
      } ?>"
    ], {
    fade: 1000,
    duration: 7000
  });
});

jQuery（文档）.ready（函数（$）{
$（“#main”）.backstretch([
""
], {
衰减：1000，
持续时间：7000
});
});

这不起作用-反向拉伸加载，但整个数组作为第一个图像的源属性输出

有人知道哪里出了问题吗？

试试看

jQuery(document).ready(function($){
  $('#main').backstretch([
      "<?php $images = rwmb_meta( 'jb_meta_page_bkg_img', 'type=image_advanced' );
        echo implode('", "', $images); ?>"
    ], {
    fade: 1000,
    duration: 7000
  });
});

jQuery（文档）.ready（函数（$）{
$（“#main”）.backstretch([
“我建议用php构建所需的数组，并使用json_encode（）

jQuery（文档）.ready（函数（$）{
$（“#main”）.backstretch(
, {
衰减：1000，
持续时间：7000
});
});
谢谢–尝试过，但没有成功。这只是输出单词“Array”作为源输出，而不是url本身。我需要使用
$image['full_url']
获取每个图像的正确url，但不确定如何将其添加到您建议的内容中。刚刚做了一些进一步的测试，我没有在iPhone上加载图像。现在将此作为单独的问题发布在此处：
jQuery(document).ready(function($){
  $('#main').backstretch(
      <?php 
        $images = rwmb_meta('jb_meta_page_bkg_img', 'type=image_advanced');
        $result = array();
        foreach ($images as $image) {
          $result[] = $image['full_url'];
        }
        echo json_encode($result);
      ?>, {
    fade: 1000,
    duration: 7000
  });
});