FireFoxの拡張機能で｢List All Images ～閲覧中のページ内が画像を一覧表示～｣というアドオンが、2012/02/12時点では本家・ミラーサイトも含めて公開されて無く、同系の使い勝手も良いアドオン・スクリプトも見つからなかったので、｢フィルタリング機能付き画像一覧表示スクリプト｣を自分で組んでみました。

Ancia&Sleipnir2ではそれぞれ対応するユーザースクリプトを。それ以外のプラウザではブックマークレット版を使用して下さい。ブックマークレット版は、IE及びIEコンポプラウザ, FireFox, Opera, Safari, Crome で動作確認済み。

DisplayImageList (2013/02/03版)：DisplayImageList (zip)

DisplayImageList for Bookmarklet：DisplayImageList for Bookmarklet (DEMO ver.)

前Verから変更点

Ancia

「オプション→スクリプトの設定→スクリプト個別動作設定」から設定変更可能に。

上記変更に伴い、処理を見直し。

Sleipnir2.x

無し。

Bookmarklet

無し。

DisplayImageListを使うには？

DisplayImageListを使うには？
1. Ancia で使用するには？
  1. 上記ファイルの中にあるAncia用スクリプトを、Ancia\scriptフォルダの中に入れて下さい。
2. Sleipnir2 で使用するには？
  1. 上記ファイルの中にあるSleipnir用スクリプトを、sleipnir\scriptsフォルダの中に入れて下さい。
  2. Sleipnirオプション→クライアント→全般：「スクリプトによるクライアントの操作を許可する」にチェックを入れて下さい。
    参考：Q.スクリプトを使いたいけどメニューの文字が灰色で選択できません - タブブラウザ Sleipnir オンラインデータベース
  3. Sleipnir2起動中にフォルダの中へ入れた場合は、｢ツール→スクリプト→スクリプトの再読み込み｣を実行し、スクリプト一覧に表示させて下さい。
3. Ancia,Sleipnir2以外のプラウザは、同梱のブックマークレット版を使用して下さい。
適当な画像が表示されているページへ移動し、スクリプトを実行して下さい。
設定に問題が無ければ、以下の様に表示されます。
Ancia,Sleipnir2では、ショートカットキーorマウスジェスチャーからスクリプトを実行すると、より快適にネット巡回ができます。

DisplayImageList設定の注意事項

DisplayImageListの設定で、｢tabPosition = true; // 画像一覧表示時を新規タブで開く｣を選んだ場合、 PCスペック次第では一時的にフリーズorエラー表示が発生する可能性があります。もし発生するようであれば、｢tabPosition = flase;｣と変更して下さい。

ブックマークレット版は、｢現在のタブに上書き｣する形でのみ画像一覧を表示します。

DisplayImageListの設定を外部ファイルから読み込むには

Ancia,Sleipnir2向けスクリプトは、2012/04/01版から「外部ファイルからの設定読み込み」が可能になりました。

外部ファイルから設定を読み込む場合は、同梱されているdisplayImageList-Sample.jsonを、 displayImageList.jsonとファイル名を変更し、displayImageList.jsと同じフォルダに置いて下さい。 displayImageList.jsonが同じフォルダにある場合、displayImageList.jsonでの設定が優先されます。もし、記述に誤りがあった場合は、デフォルトの設定が適応されます。

注：Sleipnir2の仕様上、scriptsフォルダに拡張子.jsonのファイルがあるとユーザースクリプト一覧に表示されてしまう為、 displayImageList-Sample.txtを、displayImageList.txtとファイル名を変更して下さい。

DisplayImageList(中の人的)推奨設定 & 謎の文字列

DisplayImageListの推奨設定と、デフォルトで設定してあると便利ではあるけど｢諸般の都合というか大人の事情というかその他諸々トラブル回避な目的｣で配布ファイルには含まれていない謎の文字列は以下の通り。フィルタリングリストに、これ位追加してやっと使い物に……

	
var limitSize     = 32;    // 画像のフィルタリング基準となる大きさを指定
var thumbnail     = 224;   // 画像一覧表示時のサムネイルサイズを指定
var tabPosition   = false; // 画像一覧表示時を新規タブで表示なら true 、現在のタブに表示なら false を指定。
var safety        = false; // 画像一覧表示時のリンク先が画像のみ表示なら true 、それ以外(html,cgi,php,asp etc...)も表示するなら false を指定。true 推奨
var crossDdomain  = true;  // 外部ドメインのフレーム・インラインフレームページを、新規タブで開くなら true 、スルーなら false を指定。
var filteringList = [      // URL指定でフィルタリング(正規表現可) > 文字列中に . / を使う場合は、\. \/ とエスケープする
		"mailto:",
		"javascript:",

		// 拡張子
		"https?(:\/\/[-_.!~*\'()a-zA-Z0-9;\/?:\@&=+\$,%#]+)\.(swf|rdf|xml)",	// flash,rdf,xml

		// Amazon
		"http:\/\/ec[a-z0-9]\.images-amazon\.com\/images\/",
		"http:\/\/(www\.|images\.|rcm-jp\.)?amazon\.(co\.jp|com)\/",

		// twitter
		"https?:\/\/twitter\.com\/(#\!\/)?[a-zA-Z0-9]+",
		"https?:\/\/twitter\.com\/intent\/tweet\?",
		"https?:\/\/platform\.twitter\.com\/",
		"https?:\/\/twitter\.com\/share",

		// facebook
		"http:\/\/www\.facebook\.com\/(plugins|dialog)\/",
		"http:\/\/(s-)?static.ak\.facebook\.com\/",

		// 画像URL
		"http:\/\/[a-z][0-9]\.twimg\.com\/profile_images\/",
		"http:\/\/b\.hatena\.ne\.jp\/",
		"http:\/\/d\.hatena\.ne\.jp\/images\/",
		"http:\/\/file\.ziyu\.net",
		"http:\/\/pranking[0-9]\.ziyu\.net",
		"http:\/\/www\.ec-images\.com\/images\/smo\/",
		"http:\/\/img\.accesstrade\.net",
		"http:\/\/parts\.blog\.livedoor\.jp",
		"http:\/\/analyzer[0-9]\.fc2\.com",
		"http:\/\/e\.ofuda\.cc\/disp\/",
		"http:\/\/h\.accesstrade\.net\/",
		"http:\/\/feedmeter\.net\/image\.php",
		"http:\/\/img\.awasete\.com\/image\.phtml",
		"http:\/\/pics\.dmm\.co",
		"http:\/\/chart\.apis\.google\.com",

		// リンク先URL > カウンター,転送URL,アダルト系,アクセスランキング系 & etc...
		"http:\/\/www\.webcomicranking\.com\/",
		"http:\/\/www\.cyberland\.ne\.jp\/sys\/",
		"http:\/\/www\.toranoana\.jp\/mailorder\/",
		"http:\/\/www\.rakuten.ne\.jp\/",
		"http:\/\/(hb\.afl|/plaza)\.rakuten\.co\.jp\/",
		"http:\/\/www\.infoseek\.co\.jp\/redirect",
		"http:\/\/click\.j-a-net\.jp\/",
		"http:\/\/click\.dtiserv[0-9]\.com\/",
		"http:\/\/(customize|flash\.affiliate)\.dtiserv\.com\/",
		"http:\/\/www\.e-nls\.com\/access\.php",
		"http:\/\/www\.digiket\.com\/work\/show\/",
		"http:\/\/ero-ge\.com\/",
		"http:\/\/(www|aqua)\.dmm\.co\.jp\/",
		"http:\/\/(www|ad|blogparts)\.dmm\.com\/",
		"http:\/\/gcolle\.net\/",
		"http:\/\/user\.awasete\.com\/",
		"http:\/\/www\.dlsite\.com\/maniax\/",
		"http:\/\/ck8\.edb\.jp\/click\.php",
		"http:\/\/9lick\.net\/click\.php",
		"http:\/\/bakyun\.com\/",
		"http:\/\/www\.dlsite\.com\/",
		"http:\/\/www\.zero-animation\.net\/",
		"http:\/\/www\.sexpixbox\.com\/",
		"http:\/\/tophatenar\.com\/view\/",
		"http:\/\/nami\.love-orange\.net\/",
		"http:\/\/vvv1\.best-pcnavi\.com\/",
		"http:\/\/adult\.orderby\.biz\/",
		"http:\/\/counter[0-9]\.fc2.com\/",
		"http:\/\/asp\.m-live\.jp\/",
		"http:\/\/real-ap\.com\/",
		"http:\/\/www\.themediaplanets\.com\/affiliate\/",
		"http:\/\/click\.duga\.jp\/",
		"http:\/\/www\.af-board\.com\/new\/track\/traffic\.php",
		"http:\/\/sbs\.nsk-sys\.com\/track\/traffic\.php",
		"http:\/\/(www|ad)\.angel-live\.com\/",
		"http:\/\/www\.g-apart\.com\/",
		"http:\/\/ranks1\.apserver\.net\/",
		"http:\/\/media-b\.jp\/",
		"http:\/\/dip\.movja\.info\/",
		"http:\/\/www\.melon-motion\.net\/",
		"http:\/\/new\.rainstrage\.info\/",
		"http:\/\/www\.movienta\.com\/",
		"http:\/\/track\.xmax\.jp\/",
		"http:\/\/ad\.xii\.jp\/",
		"http:\/\/si\.silk\.to\/",
		"http:\/\/ck\.rd\.livedoor.com\/",
		"http:\/\/blog\.livedoor\.com\/smartphone\/",
		"http:\/\/app\.click\.livedoor\.com\/",
		"http:\/\/karame\.com\/campaign\/",
		"http:\/\/v3x.rate14\.info\/",
		"http:\/\/link\.ameba\.jp\/",
		"http:\/\/ad\.adresult\.jp\/",
		"https?:\/\/(ads|cou)\.adjust-net\.jp\/",
		"http:\/\/www[0-9]\.liveads\.jp\/widgets_src\/",
		"http:\/\/www\.tokyo-gallery\.info\/",
		"http:\/\/px\.a8\.net\/svt\/",
		"http:\/\/www\.motionlink\.jp\/",
		"http:\/\/www\.infotop\.jp\/",
		"http:\/\/www\.elog-ch\.net\/counter\.php",
		"http:\/\/blogranking\.fc2\.com\/",
		"http:\/\/(bnr|www)\.i-cute\.jp\/",
		"http:\/\/ard\.yahoo\.co\.jp\/",
		"http:\/\/www\.accesstrade\.net\/",
		"http:\/\/right3\.info\/",
		"http:\/\/gakinko\.net\/",
		"http:\/\/analyzer[0-9]1,2\.fc2\.com",
		"http:\/\/www\.ziyu\.net\/",
		"http:\/\/cast\.trustclick\.ne\.jp\/click",
		"http:\/\/blog\.with2\.net\/link\.php",
		"http:\/\/nakanohito\.jp\/",
		"http:\/\/ads\.pimote\.net\/",
		"http:\/\/550909\.com\/",
		"http:\/\/ds\.advg\.jp\/",
		"http:\/\/www\.antennash\.com\/etc\/rtcom\/index\.cgi",
		"http:\/\/gyutto\.com\/book\/af-0\/",
		"http:\/\/now-visitor\.ziyu\.net\/",
		"http:\/\/(adm|intr)\.shinobi\.jp\/",
		"http:\/\/ad2\.trafficgate\.net\/",
		"http:\/\/ad\.fout\.jp\/",
		"http://[a-zA-Z0-9_-]+\.i-mobile\.co\.jp/",
		"http:\/\/analyzer[0-9]{1,2}\.fc2\.com\/",
		"http:\/\/myshawl\.jp\/",

		// 特定サイトのファイルorフォルダ
		"http:\/\/alfalfalfa\.com\/banner\/",
		"http:\/\/alfalfalfa\.com\/common\/images\/",
		"http:\/\/blog\.livedoor\.jp\/samplems-bakufu\/top\.jpg",
		"http:\/\/blog-imgs-30-origin\.fc2\.com\/z\/i\/p\/zipdeyaruo\/taitle\.jpg",
		"http:\/\/www\.zakzak\.co\.jp\/common20100927\/images\/header_logo_002\.gif",
		"http:\/\/livedoor\.2\.blogimg\.jp\/insidears\/imgs\/5\/a\/5acef351\.jpg",
		"http:\/\/livedoor\.blogimg\.jp\/pururungazou\/imgs\/a\/6\/a65ae6e5\.jpg",
		"http:\/\/twitpic\.com\/images\/logo\.png",
		"http:\/\/minkch\.com\/images\/menu_dmm\.png",
		"http:\/\/minkch\.com\/images\/space\.gif",
		"http:\/\/d\.hatena\.ne\.jp\/([a-z0-9]|-)*/captcha",
		"http:\/\/blog\.sakura\.ne\.jp\/img\/powerdby\.gif",
		"http:\/\/gigazine\.jp\/images\/ld\.html",
		"http:\/\/blog\.livedoor\.jp\/freellife-utusemi\/users\/swf\/",
		"http:\/\/akibablog\.tyrellsys\.com\/figure\.html",

		// 除外するフレーム・インラインフレーム
		"http:\/\/www\.youtube\.com\/",			// Youtube
		"http:\/\/(ext|www)\.nicovideo\.jp\/",		// ニコニコ動画
		"http:\/\/live\.nicovideo\.jp\/embed\/",	// ニコニコLIVE
		"http:\/\/[a-z0-9]+\.tumblr\.com\/iframe\.html\?",
		"http:\/\/(associate|send|adf\.send|dsp\.send|ld\.send|vsc\.send)\.microad\.jp\/",
		"http:\/\/amanatu\.com\/",
		"http:\/\/[a-z][0-9]\.amanatu\.net\/",
		"http:\/\/(atq\.ad|ad\.jp\.ap)\.valuecommerce\.com\/",
		"http:\/\/d\.href\.asia\/",
		"http:\/\/dlv\.itmedia\.jp\/adsv\/",
		"http:\/\/[a-z]+\.analytics\.qlook\.net\/",
		"http:\/\/www\.blogger\.com\/",
		"http:\/\/red\.hatena\.ne\.jp\/",
		"http:\/\/ad-hatena\.jp\/",
		"http:\/\/cnt[0-9]\.millioncounter\.com\/",
		"http:\/\/www\.mmaaxx\.com\/table\/carib\/",
		"http:\/\/as\.cd\.impact-ad\.jp\/",
		"http:\/\/bbns\.ziyu\.net\/",
		"http:\/\/now-visitor[0-9]\.ziyu\.net\/",
		"http:\/\/www\.ppc-direct\.com\/",
		"http:\/\/ad\.duga\.jp\/",
		"http:\/\/xml\.affiliate\.rakuten\.co\.jp\/",
		"http:\/\/grp01\.ias\.rakuten\.co\.jp\/",
		"http:\/\/spibal\.webclap\.com\/",
		"http:\/\/gigazine\.asia\/ad\/",
		"http:\/\/googleads\.g\.doubleclick\.net\/",
		"http:\/\/www\.f-board\.com\/",
		"http:\/\/blogroll\.livedoor\.net\/",
		"http:\/\/64\.150\.176\.182\/",
		"http:\/\/plugins\.mixi\.jp\/",
		"http:\/\/pagead[0-9]\.googlesyndication\.com\/",
		"http:\/\/notice\.kakaku\.com\/",
		"http:\/\/g-10\.org\/",
		"http:\/\/partner\.become\.co\.jp\/",
		"http:\/\/www\.mmaaxx\.com\/",
		"http:\/\/www2\.sbs-ad\.com\/",
		"http:\/\/rc\.rlcdn\.com\/",
		"http:\/\/19804\.y\.kau\.li\/",
		"http:\/\/[a-z][0-9]\.addthis\.com\/",
		"http:\/\/track\.affiliate-b\.com\/",
		"http:\/\/buzz\.gigazine\.jp\/images\/",
		"http:\/\/portal\.profile\.livedoor\.com\/",
		"http:\/\/maps\.google\.co\.jp\/",
		"http:\/\/embed\.pixiv\.net\/",
		"http:\/\/analyzer\.dtiblog\.com\/",
		"http:\/\/widget\.zenback\.jp\/",
		"http:\/\/img\.shinobi\.jp\/analyze\/",
		"http:\/\/www\.setrating\.com\/widget\.php",
		"http:\/\/blog-imgs-[0-9]{1,2}(-origin)?\.fc2\.com\/[a-z]\/[a-z]\/[a-z]\/[a-z0-9]+\/[a-z0-9_-]+\.html",	// fc2
		"http:\/\/blogring\.info\/",
		"http:\/\/erorinq\.org\/yaruo\/",
		"https?:\/\/plusone\.google\.com\/"
	]

DisplayImageListの仕様 & 把握している不具合

動作の仕様
1. Google画像検索のページ上でjavascriptを有効にした状態で実行するとエラー発生。
2. Facebookで画像一覧取得できないページがある。
把握している不具合
1. <a href="～"><span><img src="～"></span></a> の形式の場合、｢画像一覧表示時のリンク先が画像以外も表示する｣と設定していても、リンク先URLが取得されない。(例：グラビアアイドルギャラリー - ZAKZAK)

駄文にゅうす

DisplayImageList ～ページ内に表示されている画像一覧を表示～

DisplayImageListを使うには？

DisplayImageList設定の注意事項

DisplayImageListの設定を外部ファイルから読み込むには

DisplayImageList(中の人的)推奨設定 & 謎の文字列

DisplayImageListの仕様 & 把握している不具合

関連リンク