Echo PHP图片库

Question

我使用http://nanogallery2.nanostudio.org/index.html解析图片库，但无法正常工作。 我需要帮助！

我的代码：

<div data-nanogallery2='{
    "itemsBaseURL": "http://nanogallery2.nanostudio.org/samples/",
    "thumbnailWidth": "auto",
    "thumbnailHeight": "auto",
    "thumbnailDisplayInterval": 30,
    "thumbnailLabel": {
        "display": false
    },
    "displayBreadcrumb": false,
    "breadcrumbAutoHideTopLevel": false,
    "breadcrumbOnlyCurrentLevel": false,
    "thumbnailOpenImage": false
}'>

<?php foreach($arr_img as $img) { ?>
    <a href="#" data-ngthumb="<?php echo $img; ?>"></a>
<?php } ?>

</div>

它显示，但是所有回显$img都在以下一行中：

帮帮我，如何解决，谢谢！

Answer 1

您选择的框架适用于自托管图像。 您尝试使用外部flickr链接，此处的语法稍有不同，例如

<div data-nanogallery2='{
        "userID": "149035168@N08", //User-Id
        "kind": "flickr", //Content type, google images is also supported
        "photoset": "72157675715292251", //The set of photos you want
        "thumbnailWidth": "200",
        "thumbnailDisplayInterval": 30
      }'>

最好的办法是阅读官方文档来实现图片： http : //nanogallery2.nanostudio.org/datasource.html#ngy2_flickr

如果只需要特定的图像，则可以通过使用whiteList属性来实现。