Extra caution is recommended when installing recently uploaded/updated scripts (read more)
Be sure you trust any scripts you install
imageLoader
<a>タグで書かれた画像へのリンクを<img>にして表示し、小さすぎるサムネールもいい具合にリサイズ。さらにスライドショーも。<br> this userscript replace anchor tag which link to image(ex. *.jpg) by img tag. additionally, preload original size image and adapt size. and make a slide show.
0. news
v0.3.4 updated at 2008/6/231. abstract
- preload anchor tag which link to image file.(*.jpg *.jpeg *.png *.gif *.bmp *.tif)
- adapt preloaded image size to fit page.
- show preloaded image in popup.
- make a slide show.(update 2008/6/9)
- cancel all imageLoaders feature.(update 2008/6/9)
- keybord navigation when slide show mode.(update 2008/6/10)
- '→' or 'j' key : next image
- '←' or 'k' key : previous image
- 'ESC' key : close popup
- 'm' key : switch image size (update 2008/6/17)
- adapt image in slide show mode. additionally, when browser window resized, also resize slide show mode. (update 2008/6/17)
- hotkey to change slide show mode(cntl + '.'key)
ページ上にある、画像へのリンクをあらかじめ読み込み、リンク先の画像を表示するためサクサク画像を閲覧することができます。
読み込んだリンク先画像のサイズが大きい場合、親要素の幅かブラウザ表示領域の幅のどちらか小さいほうに合わせて表示画像を縮小します。
このため、元のサムネール表示より画像が大きく表示される場合があり、サムネールが小さすぎる場合には、閲覧しやすくなります。
縮小した場合、画像をクリックすると、元の画像サイズで表示します。
(2008/6/9更新)さらに、その状態でのスライドショーにも対応しました。
(2008/6/10更新)スライドショーで矢印キーや'j','k'キー、ESCキーによる操作を追加
(2008/6/17更新)スライドショーモードを充実。
- ツールバー追加
- スライドショー時にブラウザウィンドウサイズに合わせて画像サイズを変更
- ブラウザウィンドウのリサイズに合わせてスライドショーもサイズ変更
- mキーでオリジナルサイズを表示
2. change log
- 2008/5/30
- centering image when popuped. 元の画像の表示の際、見やすい位置へ画像を移動
- 2008/6/9(v0.2)
- add slide show function. スライドショー機能追加。
- 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. スライドショーを閉じるアイコンを追加
3. screen shots
使用前(before use this userscript)
there is small thumbnail and anchor tag which linked to *.jpg file.
使用後:0 先読みする対象の画像がある場合、画面右下に情報表示。
(after:0. show preloading information.)
使用後:1 サムネールが大きく調整されています
(after:1. adapt thumbnail size.)
使用後:2 Aタグが画像として表示されています
(after:2. replace that anchor tag by image tag.)
使用後:3 邪魔にならないツールバーに画像の情報などが表示されます
(after:3 show toolbar.)
使用後:4 画像をクリック、またはcntl + '.'キーでスライドショーモードに。
(after:4 click or hotkey(cntl+'.'), slide show mode.
使用後:5 スライドショーでのツールバー。
(after:5 toolbar in slide show mode.
使用後:6 スライドショーでオリジナルサイズの画像をクリックか'm'キーで表示。
(after:6 in slide show mode, click image or 'm' key to show original(large) size image.
4. test for this userscript
(after install this userscript. larger image will shown that size is adapted. original image size is 900x544 px. click image to show original size. also slide show is available after popup original size image.)
link to image file
installations graph
You could comment on this script if you were logged in.
login to vote
I love that script !!
login to vote
Opera: I'm not using Opera (besides when a site is not compatible with Firefox - I'll never use IE again!). But why don't you make that script to work on Opera?
Explode Thumbs: May you please update this script?
login to vote
tomo.snowbug: Can you comment on my post please?
Thanks,
Kizer
login to vote
Hello, is it possible when clicking on the image to get the original size and if its from imageshack or imagevenue to rewrite the popup image to use the code from the following script http://userscripts.org/scripts/show/6331 to get the original big size image.
Thanks,
Kizer
login to vote
This is a very nice script and was almost exactly what I was looking for thank you very much tomo.snowbug! Oh, and thank you also simon as I found your version referencing this one.
I thought it might be useful to have an auto-advance feature for the slideshow, but what you've done already is really above and beyond what I would've expected. Thanks a ton.
login to vote
Hi,
What about a little icon (for example on the bottom right corner) for knowing that the image size IS 100% ?
Maybe like the "Magnifying glass" from the slide show ?
login to vote
Thanks, tomo.snowbug.
I can wait for this little (and not so hurry) enhancement.
login to vote
Hi, simon!
I’ll try it… thank you!! :-)
Hi, ozzii.
Thank you for comment. I checked the page.
The page has two links(anchor tags) that link to same image file. (http://img.ozap.com/photo/012C000001323510.jpg).
ImageLoader replace each link(anchor tag) by image.
In this case, two links is located close together, as a result, overlapping image is shown.
It’s not bug. But I will check up enhancement that ImageLoader don’t replace same image file agein.
login to vote
Hi,
Really great script but for example here "http://www.ozap.com/actu/series-homme-coince-corps-femme-fox-lalola/145474" I have a double image
http://pix.nofrag.com/9/6/1/825711fde7228f38dfd...
login to vote
Thanks, tomo.snowbug. I'll leave this script for reference.
You might want to try this extension add-on or this Ubiquty command.
login to vote
Hi, Joe Simmons
I guess you're right. I need translator... :'(
I modified prier comment, 'marged' ==> 'merged'.
....thanks
login to vote
Fantastic.
You need an English translator (human) lol
login to vote
Hi simon!
Thank you for your help.
It's nice icon, nice choice!
So I merged your selection to this script.
It was greatly appreciated.
login to vote
Please replace the current icons...
http://userscripts.org/scripts/show/28958
login to vote
v0.3.3 updated.
login to vote
v0.3.2 updated.(only bugfix)
bugfix: in slide show mode, show original size image by click dosen't work.
login to vote
v0.3.1 updated!
login to vote
Hi, matrixik.
I check the web how access clipbord from javascript.
accsess to the clipbord from greasemonkey(javascript on firefox) is not allowed by default.
for security reason, it is necessary to edit "user.js" file.
http://kb.mozillazine.org/Granting_JavaScript_a...
(it was quite an education for me.)
By the way...
Are You say the probrem is "can't save image to clipbord or file in slide show mode" ?
I think about another approach, using "right click" as default browser context.
Now, keybord navigation is enabled in slide show. so, I may revoke "right click" navigation.
thanks.
login to vote
About toolbar: You can add small option to auto copy image link to clipboard and maybe - in slide show mode - option to save image ( now if I use right click You know what happen).
login to vote
Hi, matrixik.
Thank you for comment.
and I add keybord navigation and disable 'confirm' when closing popup.
...toolbar on slide show mode ,it's nice idea. I may add that function following update...
login to vote
Some idea:
- use arrow key (like in: http://userscripts.org/scripts/show/3791 )
- don't ask when I want to close ( or add small "x")
- add popup toolbar on slide show mode
login to vote
Thank you for your comment! I wrote English description.
login to vote
An English description would be more useful.