imageLoader

By tomo.snowbug — Last update Jun 27, 2009 — Installed 7,849 times.


Script Summary: preload images from anchor which link to image file. also make a slide show and display thumbnail screen.

Version: v0.4.2 (2009/06/27)

0. news

v0.4.2 updated at 2009/6/27
new feature: support AutoPagerize.

1. abstract

  • demo.
  • preload images from anchor which link to image file.
    • file type: *.jpg *.jpeg *.png *.gif *.bmp *.tif
    • show preloaded images inline page.
    • support AutoPagerize.
  • make a slide show.
  • display thumbnail screen.
  • keybord navigation
    • after initialized
      • cntl + . : start slide show.
      • cntl + , : show thumbnail screen.
    • in slide show
      • '→' or 'j' key : next image
      • '←' or 'k' key : previous image
      • 'm' key : show original size
        • arrow key or 'h','j','k','l' key for scroll original size image.
      • 'ESC' key : close slideshow
      • 'Enter' key : switch to thumbnail screen
    • in thumbnail screen
      • arrow key or 'h','j','k','l' key for move cursor.
      • 'n' key : show next page
      • 'p' key : show previous page
      • 'r' key : reflesh thumbnail screen.
      • 'ESC' key : close thumbnail screen.
      • 'Enter' key : switch to slideshow start with selected image.
    • userscript command
      • start slide show.
      • show thumbnail screen
      • (re)load images
      • show config panel
    • config panel
      • keybord shortcuts. (enable/disable)
      • auto loading. (enable/disable)
      • confirm when slideshow close. (enable/disable)
      • filtering duplicate image. (enable/disable)
      • filtering image by width size. (enable/disable, size in pixel)
      • thumbnail size (width/height size in pixel)
    note.
    if you want use this userscript in google image search, check "images.google.com imageloader" thanks hosts !!


    2. change log

    • 2008/5/30
      • centering image when popuped. 元の画像の表示の際、見やすい位置へ画像を移動
    • 2008/6/9(v0.2)
      • add slide show. スライドショー機能追加。
    • 2008/6/10(v0.2.1)
      • add keybord navigation in slide show mode. スライドショーでキーボードによる操作を追加。
      • disable 'confirm' when closing popup. スライドショーを閉じる時に確認をしないように変更。
    • 2008/6/17(v0.3.1)
      • add toolbar in slide show mode. スライドショーでツールバーを追加。
      • disable right click navigation in slide show mode. enabled browser context menu. スライドショー時に右クリックによるナビゲーションを廃止して、ブラウザの右クリックメニューを表示するように変更。画像の保存やクリップボードへのコピーが可能に。
      • adapt image in slide show mode. additionally, when browser window resized, also resize slide show mode.スライドショー時に画像サイズをブラウザウィンドウにあわせて縮小。さらにブラウザのウィンドウサイズ変更時にも画像サイズを調整。
      • add hotkey to change slide show mode(cntl + '.'key) スライドショーモードへのショートカットキーを追加(cntl + '.'キー)
    • 2008/6/18(v0.3.2)
      • [bugfix] in slide show mode, show original size image by click dosen't work.スライドショー時にクリックで元画像表示機能が動作しない問題を修正
    • 2008/6/21(v0.3.3)
      • show prelading infomation.(see screen shots)　画像先読み時にその情報を表示する機能
    • 2008/6/23(v0.3.4)
      • match image file extension by ignore case. 画像の拡張子が大文字でもマッチするように変更
      • replace icons by Mark James's famfamfam silk icons. アイコンを変更
      • add close icon to slide show mode. スライドショーを閉じるアイコンを追加
    • 2009/6/23(v0.4.1) at 1,123 installations
      • add thumbnail screen. サムネール表示機能の追加
      • add config panel. 設定変更画面追加
    • 2009/6/27(v0.4.2) at 1,301 installations

    3. screen shots

    loading images.
    loaded.
    press cntl + "." key for slide show
    slideshow

    in slideshow, press enter key for switch thumbnail screen.

    press cntl + "," key for show thumbnail screen.
    thumbnail screen.

    in thubmnail screen, press enter key for switch slideshow.

    userscript command.
    userscript command
    config panel.
    config panel


    4. test for this userscript

    (after preloaded images, press "cntl" and "," key or press "cntl" and "." key.) image for test
    link to image file
    image for test
    image for test
Discuss this script