下の一行をtumblrのDescriptionにコピペする。
<script type="text/javascript" src="http://proto.jp/js/tumblrAutoPager.js"></script>
そうすることでtumblrの表ページがAutoPagerizeのような無限スクロールになる。tumblrのDescriptionはjsも普通に動作するので、xmlhttprequestにおけるクロスドメインの壁を越えられる。前からできんじゃね?と思ってて、試しにやってみたらできてビビった。
これはページに埋め込んでるjsなのでブラウザ依存しない。IE,Firefox,Safari,Opera,Google Clomeの最新版で動作確認済み。Greasemonkeyを入れてなかったり、対応していないブラウザでもAutoPagerizeぽい無限スクロールを体験できる。どんなもんか確認したい方は僕のPROTO-JP TUMBLRをIEとかで見てください。
動かないテーマがあるのがなー。テーマ作者は見た目変えるの良いけど、構造は変えるなといいたい。AutoPagerize対応も大変そうだ。
▼注意点など
- 本家AutoPagerizeが入っている場合にはそちらを優先します。
- 大体のテーマで動作しますが、構造が大幅に変わっているものには対応してません。あとDescriptionがないテーマでも動きません。
- 継ぎ目にあるリンク「AutoPage[OFF]」をクリックすることでスクロール機能をOFFにすることが出来ます。OFFにした後は「AutoPage[ON]」をクリックで機能をONにします。
- なんらかしらの不具合があるかもしれません。あしからず。
- 言い忘れてた。tumblrAutoPagerはAutoPagerizeと互換してますので、対応していないテーマの場合はAutoPagerizeを対応させるタグを入れる事で動くと思います。タグについてはAutoPagerize0.0.11 - SWDYHの「マークアップの例」参照。が、実はさらに簡単で
class="autopagerize_page_element"
を所定のタグに加えれば動きます。post群を包み込んでいるタグに前述のclass名を入れてみてください。
▼更新履歴
- 0.1.0 (090201)
- 公開
- 0.1.5 (090208)
- 内部仕様変更
- 全デフォルトテーマに対応
- 約9割のPopularテーマに対応
- 0.1.6 (090221)
- 細かなバグフィックス
- 0.1.7 (090222)
- tagページに対応
- 404エラーに対応
4個のコメント
> AutoPagerize対応も大変そうだ。
本当に大変だああああ http://wedata.net/items/681
>taizooo
どーも。やはりそうですかw taizoooさんのような方々の協力によってAutoPagerizeは支えられているのですね!お疲れ様です。
Hi there! I’m sorry, but I only took one year of Japanese a looooong time ago so I will write in English.
I first saw this script on GIF ANIME’s wonderful Tumblr and fell in love with it. I finally put it on my own Tumblr today. I wrote out some rudimentary instructions in English for using this script on your website here:
http://tumblr.breadteam.com/post/98659300/breadteamblr-now-autopagerized
Domo arigato gozaimashita, Proto-JP!
>breadteam
oh, good work!
thank you very much.
2個のトラックバック
[...] PROTO.JP BLOG » GreasemonkeyなしでtumblrをAutoPagerizeさせる! (tags: firefox javascript autopagerize tumblr) [...]
[...] PROTO.JP BLOG » GreasemonkeyなしでtumblrをAutoPagerizeさせる! [...]