我在项目中使用了背景图库插件(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; ?>


谢谢你的帮助。

最佳答案

你可以把这个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?

关于php - 调用php foreach的Javascript函数。可能吗?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/16197188/

10-12 00:09
查看更多