@テク野路ジーロード

配信タグシェアリングシステムpickvyを開発、運営開始。最近は、Googleアナリティクスを研究中

Masonryの導入検証

タイルスタイルで表示したいために「Masonry」を検証

 

■Masonry(公式サイト)
http://masonry.desandro.com/

 

外部からダウンロードしてくる必要があったのは、
1. jquery https://jquery.com/
2.masonry  http://masonry.desandro.com/
3. imageloaded  http://imagesloaded.desandro.com/

 

最初、2,3だけで動作するのかと思ったけども、Firefoxの開発ツール
エラーを吐いていて、なんだろうと思ったら、jqueryを読み込んでいないのが
原因だった。
imageloadedを有効にするために、公式ページに記載されたjsスクリプト
使うんだけども、その中にjqueryによる記述があったのが原因。

また以下のサイトも参考にしたけど、最新版masonryだとタイルの指定が、
innerとかthumnailとかではなく、gridになっているところが注意。
本屋で見た参考書(たまたま見つけた)も最新版とことなっていた。