TaKa回答ポイント 200ptウォッチ

Ajaxでデータを取得し、jQuery(Masonry,Infinite Scroll)を使いたい

まず、ページをロードした際にajaxでcgiからデータを取得し、jqueryのプラグインMasonryを使って画像やテキストをレンガ風に表示します。初期の表示処理は下記にアップしました。
https://gist.github.com/2917873 (表示用処理javascript)
https://gist.github.com/2917911 (念のためhtml)

この処理にInfinite Scrollプラグインを加えて、ブラウザのウィンドウを一番下までスクロールすると、ajaxでデータを取得し、また同じようにレンガ風に画像を表示するというコードを書きたいのですが、どのように書けばいいのでしょうか?

Masonryプラグインの公式tips http://masonry.desandro.com/demos/infinite-scroll.html

もしこのプラグインではajaxとスクロール処理を組み合わせた処理ができないのであれば、他の方法や参考になりそうなURLをご教示頂ければと存じます。
何卒よろしくお願いします。

参考記事:http://kachibito.net/web-design/masonry-infinite-scroll.html
この記事を読んでみたのですが、ajaxとInfinite Scroll組み合わせると、どのようなコードになるのか解らず困っています・・・

※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。
ログインして回答する

ベストアンサー

その他の回答

この質問へのコメント

コメントはありません

この質問への反応(ブックマークコメント)

質問の情報

登録日時
2012-06-13 00:24:29
終了日時
2012-06-13 17:54:14
回答条件
1人10回まで

この質問のカテゴリ

この質問に含まれるキーワード

Ajax358JavaScript2781jQuery742CGI2023プラグイン1431ブラウザ4012HTML5036TIPS122URL11376

人気の質問

メニュー

PC版