看图脚本 original_size_image.js v2

脚本下载:original_size_image.zip (v2.1.1)添加按钮 ↓
历史版本:original_size_image历史版本.zip
在 Opera 12、Firefox 16、Chromium 26 测试通过,其他未作测试。
注:UserJS 的使用方法不另外详述,请自行阅读 UserJS – Opera.im
另:Firefox、Chromium 使用时扩展名需改为 .user.js

这个脚本的用途简单来说,就是当你鼠标移动到一张被缩放过的图片(或者图片链接着另一张图片)上时,会显示一个按钮,点开后会将原图或链接着的图片以浮动方式显示在你的屏幕上,随后你可以对其进行移动、缩放以及旋转操作。

以上皆为 v1 时的功能,v2 版本在保留这些特性的同时,还引入了相册功能,把页面上所有的图片(被设为背景的除外)按尺寸大小筛选后陈列出来,并且如果是另外链接着图片的,还会对其进行预读,以加速图片浏览速度。

下面开始讲解脚本的特性与用法(文章皆以默认设置进行说明,脚本内设置众多,可自行打开进行调整)。


当鼠标移至一张图片时,会根据情况显示工具按钮,如下图:

2013-01-27_222002

点击图标后可浮动显示图片。
点击图标或直接点击图片,即可浮动显示。
进入相册模式。(图片面积大于 500×500 时或者随上面两个按钮一同显示)


在不显示相册模式按钮的时候,可以通过菜单、按钮等方式添加入口。该脚本提供下列接口:

功能和按钮 Opera 命令 备注
进入或退出相册模式 Go to page,"javascript: (function(){window.ujs_original_size_image.album_main()})();" N/A
下一张图片 Go to page,"javascript: (function(){window.ujs_original_size_image.album_play_next()})();" 函数执行成功返回 true,失败 false
上一张图片 Go to page,"javascript: (function(){window.ujs_original_size_image.album_play_previous()})();" 函数执行成功返回 true,失败 false

在 Opera 中可点击上面的 O 往浏览器中添加按钮;Firefox 请自行使用 “javascript: ” 部分的相关代码;而 Chrome 则因其安全限制暂时无法使用上面代码。

点击图标将图片浮动显示出来后如下图显示:

2013-01-27_222045

此时可对图片进行一系列操作:

操作 图片上 图片外
滚轮 放大 / 缩小 上一张 / 下一张
单击 原尺寸 / 适应窗口 关闭浏览
双击 关闭浏览 N/A
+ ALT(Opera)
Ctrl(firefox & chrome)
以图片为中心旋转(任意角度) N/A
+ SHIFT 以图片为中心旋转(旋转角度默认是 15 的倍数) N/A
SPACE 下一张
SHIFT + SPACE 上一张
ESC 关闭浏览

进入相册后如下图:

2013-01-27_224246

相册边框的颜色各有含义:

无需预读或预读成功的图片
当前查看的图片
需要预读的图片
预读失败的图片

点击工具栏上面的“URL 列表”,然后选择想要列出来的图片后点击确定,就能看到刚才点选的图片的 URL 地址,可粘贴到下载工具里批量下载。(注:该脚本仅仅列出 URL 地址,并不保证下载成功,例如需要登录的论坛附件,则可能下载失败。顺带一提,Firefox 的 DownThemAll 搭配 FlashGot 使用可以无视刚才的例子。)

2013-03-17_185209

至此脚本介绍完毕,如果想继续折腾,请以文本编辑器打开文件,调整里面的设置,每项设置皆有详细注释,这里不再累赘。

xvideos
Ep Pro WOMEN’S 19 STRETCH MICRO TWILL SKORT
transformice mi vogue week express 2013 debuts lojo

German Restaurants in Colorado Springs
ddtank But what to do about it

10 Creepy Features in the Lairs of Movie Villains
kinox -4-free kentucky trendy browns menu

The Best Fashion Design Schools in Europe
movie2k Skirts can be constructed the same as shirts or pants

Did you Know the Earliest Know Jeans Came From Bombay
ebay kleinanzeigen such as carrier killing if you didn have your own carriers

How To Make Dress With Flounces in Women Fashion
free hd porn The hand bags are mainly prepared making use of silk

How to Find the Right Prom Dress for You
milf porn Once quoted as saying that

Choosing Jewelry For Your Mom
lesbian porn TapIn2U 2 years ago Level 4 Commenter

24条评论

  1. 自用的结合了上面功能的手势:
    上一张图片或页面后退(结合了白菜版的后退功能)

    GestureLeft="Go to page, "javascript: (function(){ if(window.ujs_original_size_image.album_play_previous() == false){ window.history.back(); var timer = setTimeout(function(){ var l; if(document.referrer){l=document.referrer}else if(window.opener){l=window.opener.location}else{if(document.body){document.body.insertBefore(document.createTextNode('No Back history available.'),document.body.firstChild);setTimeout('document.body.removeChild(document.body.firstChild)',3000)}else{document.write('
    No Back history available.
    ')};return};document.location.href=l; }, 1); window.addEventListener('unload', function(){ clearTimeout(timer); }, false); } })();""

    下一张图片或页面快进或进入下一页

    GestureRight="Go to page, "javascript: (function(){ if(window.ujs_original_size_image.album_play_next() == false){ window.history.forward(); var timer = setTimeout(function(){ const PREV_NEXT = 'next'; const KEYWORDS = ['next', '下一页', '下页', '早期文章', '下一頁', '下頁', 'Previous Entries', '>', '>>']; function loadURI(url){ location.href = url; } function IncrementURL() { var url = location.href; if (!url.match(/(.*:\/\/.*\/.*)(\d+)(\D*)$/)) return false; var num = RegExp.$2; var digit = (num.charAt(0) == '0') ? num.length : null; num = parseInt(num, 10) + 1; if (num < 0) return false; num = num.toString(); digit = digit - num.length; for (var i = 0; i < digit; i++) num = '0' + num; loadURI(RegExp.$1 + num + RegExp.$3); } var doc = document; var links = doc.getElementsByTagName('link'); for (var i = 0; i < links.length; i++) { if (links[i].href && links[i].hasAttribute('rel') && links[i].getAttribute('rel').toLowerCase().indexOf(PREV_NEXT) == 0) { loadURI(links[i].href); return; } } var regexp = new RegExp('(' + KEYWORDS.join('|') + ')', 'i'); links = doc.links; for (i = 0; i < links.length; i++) { if (links[i].href && links[i].textContent && links[i].textContent.match(regexp) && links[i].offsetWidth > 0 && links[i].offsetHeight > 0) { if(links[i].href.indexOf('javascript') == 0){ links[i].click(); return; } else { var len = RegExp.$1.length; var per = (len == 1) ? 0.3 : 0.4; if(links[i].textContent.length * per < len){ loadURI(links[i].href); return; } } } } IncrementURL(); }, 1); window.addEventListener('unload', function(){ clearTimeout(timer); }, false); } })();""
    1. 有想过这个,但跟脚本操作方式有冲突。

      如果按钮放在图片上,那跟我的“点击图片放大”这一功能冲突了,也许可以将按钮做小点来减少冲突,但是按钮小了就不好点。

      如果按钮放图片外面,那还不如我现在的滚动切换来得方便。

      其实我也觉得现在的方式不是最好的,所以我自用的还是用手势,两者都兼顾了。

    1. 嗯,不支持 google+。因为上面的小图与大图地址之间的关联没有什么明显的规律可循。

  2. 似乎chrome上启用后会影响到各论坛登录时验证码的显示,导致一直验证码错误

      1. 去掉后验证码可以正常显示,开启的时候不是说不显示,就是死活验证码错误,也许是读取显示上的问题。目前只能填验证码的时候暂时关闭了 :cry:

        1. 我复现出来了,要是鼠标移到验证码上就会验证错误,不移就不会出现。确实只有 Chrome 会出现(疑似 C 只要 new Image() 并且设置 src 就会重新发送请求,无论这个图片是否已经被请求过,Op、Fx 倒都没事),问题已经修改,没啥意外的话近期会更新。

评论已关闭。