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 DataBase。在JavaScript中我不知道它是如何工作的。是否有任何方式进行php调用？我没有使用gallery插件调用图像的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?

Answer 2

您的网页所做的就是准备最终答案，然后发送到客户的浏览器进行阅读。要准备此答案，您可以使用服务器端和客户端代码，无论它们如何混合在一起。如果您需要脚本定义中的数据库元素，可以这样做：

<script type="text/javascript">
// client-side
<?php
// server-side
?>
// client-side
</script>

Javascript函数调用php foreach。可能吗？

2 个答案: