Infinite Scroll jQuery Pluginでloading画像が出ない!!

Twitter Bootstrap 2.0でjQuery Masonryを使ってレンガ状に画像を並べる方法を導入出来たので
お次はこちら Infinite Scroll jQuery Masonry

導入自体は書いてある通りにやれば出来たんですが、なぜかloading画像や、一番下まで行ったときの文字が出ない…
色々いじくりましたが結局は単純な話でした

どこにも書いてないけどcssを書きましょう

<style type="text/css">
/* Infinite Scroll loader */
#infscr-loading { 
  text-align: center;
  z-index: 100;
  position: fixed;
  left: 45%;
  bottom: 40px;
  width: 200px;
  padding: 10px;
  background: #000; 
  opacity: 0.8;
  color: #FFF;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}
</style>

それだけ (;´Д`)

一番下である、ということを知らせるには

ページャーの次へを押された先が404である必要がありました
EC-CUBEのページャーは、異常な値を渡されたときは1ページ目を返すという仕様になっていた為にハマりました

そんな訳で

出来上がりはこんな感じに
cocokamo / 商品一覧ページ

商品が増えたらmysqlのメモリが足りなくなっちゃったのでちょっとどうにかせにゃ。。

コメント

  1. Kenichi Hanasaki より:

    有り難うございます。そんな簡単な事だったんですね。私もかなりハマってしまいました。無事解決しました。

タイトルとURLをコピーしました