imageLoader - 画像スレまとめを便利に閲覧できるgreasemonkeyスクリプト を更新

これはGreased Lightboxhttp://shiftingpixel.com/lightbox/的なグリモンです。

imageLoader独自な点としては以下のような点があげられます

  • リンク先の画像をすべて先読みします
  • 先読みした画像を親要素のサイズに収まるように調整しながらインライン表示します
  • viライクにj,kなどのキーでサクサク画像を閲覧できます
    • キーボードで操作したい人には気に入っていただけるのでは?
  • (今回追加)サムネールによる画像一覧表示機能
    • 私自身、スクロール操作が嫌いなので、スクロールなしに画像を一覧できるこの機能は結構気に入っています

Greased Lightboxは画像を都度XMLHttpRequestでロードしますが、imageLoaderはすべての画像を先読みした上で、そのキャッシュされた画像でスライドショーをします。ですので、サクサクと画像を閲覧することができます。また、リンクを画像に置き換えてインライン表示します。
今回、そのimageLoaderに、サムネールによる画像一覧表示&閲覧を追加しました。
今までのimageLoaderは、スライドショーのみ対応し、また、画像をインライン表示で拡大していたため、画像の一覧性に欠けていましたが、今回のサムネールによる一覧表示機能でかなり改善できたと思います。
また、Enterキーでサムネールによる一覧表示とスライドショー画面を切りかえるので
1.サムネールで見たい画像をviライクにjやk(またはカーソルキー)のショートカットキーで選択

2.Enterを押してスライドショー画面で拡大表示

3.もう一回Enterを押してサムネールに戻って閲覧を続ける

というように、マウスを使わずにさくさくと画像を閲覧することが可能です。

スクリプトの公開場所(インストールはこちらから)

今回の更新について

  • サムネールによる一覧表示機能
    • キーボードショートカットで操作
    • ブラウザのウィンドウの大きさを変更したら、サムネールの個数を動的に変える
  • スライドショーでEnterキー → サムネール表示
  • サムネールでEnterキー → スライドショー表示
  • 一部の動作を設定可能に
    • 自動先読みするかどうか
    • 重複した画像を読み込まない機能の有効・無効
    • 指定サイズ以下の画像を読み込まない機能の有効・無効とサイズ指定



制限事項

  • 画像をたくさん読み込むこともあって、サムネール表示ではそれなりのCPUパワーとメモリを消費すると思います。CPUやメモリに余裕の無いPCでは使いにくいと思います
  • サムネール表示でのページ切り替え動作は重い(遅い)です(たぶんE4Xが重いので。。。)
  • google画像検索や2chなど、画像ファイルへの「直接の」リンクが設置されていない場合には、imageLoader単体では利用が出来ません。

(似たようなものとして、http://userscripts.org/scripts/show/39136もありますが、これ自身が画像読み込みを行っていて、タイミング的な相性が悪く利用できません)

以上です

お楽しみいただければ、幸いです。