php - Javascript 函数调用 php foreach。是否可以？

Question

我在我的项目中使用了背景图库插件( http://buildinternet.com/project/supersized/ )，但是当我将它附加到我的 WordPress 网站时，我发现了一个我无法处理的问题。图库通过 javascript 调用图像。该函数是这样的:

<script type="text/javascript">
    jQuery(function($){
        $.supersized({
            slides  : [
                    {image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-1.jpg'},
                    {image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-2.jpg'},  
                    {image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-3.jpg'}
                ]
        });
    });
</script>

问题是我需要显示的图像是从wordpress数据库中获取的。在 javascript 中我不知道它是如何工作的。有没有办法进行 php 调用？我在没有画廊插件的情况下使用的 php foreach 请求来调用图像是这样的:

<?php foreach ( $images as $image ) : ?>
    <img src="<?php echo $image->thumbnailURL ?>" />

    <?php if ( $image->hidden ) continue; ?>
    <?php if ( $gallery->columns > 0 && ++$i % $gallery->columns == 0 ) { ?>

    <?php } ?>
<?php endforeach; ?>

感谢您的帮助。

Answer 1

你可以放置这个 php 代码来回显这个 javascript

<script type="text/javascript">
  jQuery(function($){
     $.supersized({
        slides  : [

                <?php $out=array();
                    foreach ( $images as $image ){ 
                       if ( $image->hidden ) continue; 
                       $out[]="{image :'".$image->thumbnailURL."'}";

                   } 
                   echo implode(",",$out);?> 
            ]
    });
  });
  </script>

或者您可以使用 json 来实现此目的，因为幻灯片输入是 json 请参阅此页面 How to make a JSON call to a url?