GreasemonkeyなしでtumblrをAutoPagerizeさせる!

下の一行を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個のコメント

  1. 2009/2/4 に投稿 | パーマリンク

    > AutoPagerize対応も大変そうだ。
    本当に大変だああああ http://wedata.net/items/681

  2. admin
    2009/2/4 に投稿 | パーマリンク

    >taizooo
    どーも。やはりそうですかw taizoooさんのような方々の協力によってAutoPagerizeは支えられているのですね!お疲れ様です。

  3. 2009/4/22 に投稿 | パーマリンク

    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!

  4. admin
    2009/4/23 に投稿 | パーマリンク

    >breadteam

    oh, good work!
    thank you very much.

2個のトラックバック

  1. links for 2009-02-02 « 個人的な雑記 さんからのコメント 2009/2/3,

    [...] PROTO.JP BLOG » GreasemonkeyなしでtumblrをAutoPagerizeさせる! (tags: firefox javascript autopagerize tumblr) [...]

  2. [...] PROTO.JP BLOG » GreasemonkeyなしでtumblrをAutoPagerizeさせる! [...]