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のメモリが足りなくなっちゃったのでちょっとどうにかせにゃ。。
コメント
有り難うございます。そんな簡単な事だったんですね。私もかなりハマってしまいました。無事解決しました。
これハマりますよね、お役に立てて何よりです