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>

它显示，但所有echo $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属性来完成此操作。