0

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

谢谢你的帮助。

4

2 回答 2

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，请参阅此页面了解如何对 url 进行 JSON 调用？

于 2013-04-24T16:31:15.023 回答
1

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

<script type="text/javascript">
// client-side
<?php
// server-side
?>
// client-side
</script>
于 2013-04-24T16:58:29.550 回答