2017-08-28 16 views
0

ギャラリーを解析するのに、役に立たないのですが、http://nanogallery2.nanostudio.org/index.htmlを使用しました。私は助けが必要です!Echo 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

あなたが選んだフレームワークは、自己ホストされた画像に適しています。あなたは外部のフリッカーリンクで作業しようとします。

<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 
     }'> 

あなたがあなたの写真を実装するために、公式ドキュメントを読んでいる場合、最良は次のようになります。http://nanogallery2.nanostudio.org/datasource.html#ngy2_flickr

あなただけの特定の画像をしたい場合は、whiteList属性と協力してこれを行うことができます。

+0

ありがとう!私の問題は解決しました! –