Facebookページに投稿した写真のMasonry表示
ふと思いついて、Facebookページに投稿した写真の一覧を、画面いっぱいにmasonry表示する方法を考えてみました。
実行結果はこちらです。→FacebookのMasonry表示
masonryを導入するにあたって参考にしたサイトはこちらになります。JQueryおよびmasonry.jsとimagesloaded.jsを使っています。
上記サイトのmasonryに関するコードと、当サイトで紹介したfacebookページの投稿を表示するコードを改変して組み合わせれば、こんな風に表示させることが可能になります。
各画像をクリックすると、Facebookページの当該記事に跳ぶことができます。画像にカーソルを合わせると、投稿の抜粋が表示されます。もうちょっと工夫して、画像に投稿の日付を載せること等も可能かもしれません。
