2017-08-28 45 views
0

我用http://nanogallery2.nanostudio.org/index.html解析畫廊,但不工作。我需要幫助!回聲php圖像庫

我的代碼:

<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在1號線這樣的:

enter image description here

幫幫我,如何解決,謝謝!

+0

它有什麼問題,對我來說似乎絕對正確。你是否正確加載jqeury,框架腳本和css文件?控制檯中是否有錯誤?它顯示了什麼(結果圖像) – Doomenik

回答

0

您選擇的框架適用於自託管映像。您嘗試使用外部flickr鏈接,這裏的語法ii有點不同,例如如果你願意,你可以通過與whiteList屬性工作做只是特定圖像http://nanogallery2.nanostudio.org/datasource.html#ngy2_flickr

:如果你讀的官方文檔來實現你的照片

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

最好會。

+0

謝謝!我的問題已解決! –